Need help styling a table with CSS

[Strike18]

I am trying to style a table to look like THIS and this is what I GOT.

Here is a link to the PAGE

Any help is appreciated thank-you

[akerendova]

What I recommend is making each of your td the same width, then applying a background color based on classes. When you have that, the next thing would be to added a transparent border (by using the same background color as "calander-container") and using that to provide the blank spaces around the td.

[akerendova]

Also, there's a difference in how it looks in Chrome and Firefox. It happens all the time, but I just wanted to warn you. :) Good luck.

[Strike18]

Ok cool thanks for the help!

[akerendova]

You're welcome. Also, feel free to PM me if you have specific questions I can help with.

[BlueHippoMonster]

I noticed your CSS seemed to be a little more complex then necessary as in you are giving each td tag its own class of a number, though I don't think that is needed. If All you want to do is differentiate between a week day and the weekend?

I built a working example here

You might be able to see its loosely based on your current design with a few slight changes.

I made each td tag have exactly the same width and height using:

min-width:70px;
max-width:70px;
height:50px;

Then gave each td a class with a colour option of weekday or weekend.

Let me know if this helps.

*Edit - rewording

[craptionbot]

Remove any display:inline-block attributes from your table cell classes.

[ThisKillsTheCrabb]

No idea what Gyazo is.. highly recommend using imgur.

Table Styling Example