EE HowTo

RSS

Recent Video


Enter your email address:

Delivered by FeedBurner

Random Quote

Everything in excess! To enjoy the flavor of life, take big bites. Moderation is for monks.
 - Lazarus Long

Yearly Archives

Categories

Links

Giveaway of the Day

Twitter Updates

    Welcome to EEHowTo, a repository of how to articles for ExpressionEngine.
    HowTo Modify Your Full Size Calendar To Display Correctly

    Posted on 2006-03-19

    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;
    } 

    In this case, I used 57px as the width and height. Your calendar width and height will vary depending on your design.

    Before image After image
    Comments disabled for this entry   Permalink Tell a Friend  Wiki Entry

    Back to top of page.