Question:
I’m creating a full sized calendar using the code from the user guide. When there are a events to display, the calendar cells are out of whack. How can I fix this?
Answer:
The calendar CSS doesn’t take into account the width and height of your calendar cell. You’ll need to add two lines to your CSS:
.calendarCell {
font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: .1em;
text-decoration: none;
text-align: center;
vertical-align: middle;
color: #666;
background-color: #fff;
width: 57px;
height: 57px;
}
The height and width you use will depend on your design. Use the same value for width and height to display a square.
Note: The latest version of Firefox will ignore these two lines, unless you add:
display: block;
Category:CSS Category:Templates Category:Calendar