search

heatherlyall / events-calendar

Use HTML table elements to create a calendar of events.
0 stars 0 forks source link

Calendar Boxes #1

Open heatherlyall opened 4 years ago

heatherlyall commented 4 years ago

Hi I'm still struggling a lot with trying to make this look more like a calendar. I tried putting borders on the sides of the TD's but it didn't add anything to the sides just the top and bottom so I took them away. @muxlowc

Screen Shot 2020-03-26 at 1 13 11 PM
muxlowc commented 4 years ago

@heatherlyall

1) you dont need a wrapper on this one, because we want the calendar to span the whole page 2) you need to close all of your tags (seems like you didnt close your divs/table/main/body/html) 3) and then add borders to your td and th + add height to all of your td's inside of your tbody

td, th { border: 1px solid #ccc; }

tbody td { height: 11em; }

heatherlyall commented 4 years ago

Thanks that helps a lot :) Is it okay if its a bit more rectangular @muxlowc

Screen Shot 2020-03-26 at 1 01 54 PM
heatherlyall commented 4 years ago

Oops sorry wrong screenshot @muxlowc

Screen Shot 2020-03-26 at 1 57 04 PM
muxlowc commented 4 years ago

hmm 11em may be too tall for yours - keep trying diff numbers on your height until markbot likes it!

heatherlyall commented 4 years ago

Thanks! I tried making my text align right but markbot said that text-align should not be used @muxlowc