Testing jQuery

Note The linked event titles point to a file called 
view.php
 that doesn’t exist yet. This file will be built and 
explained in the “Outputing HTML to Display Full Event Descriptions” section later in this chapter. 
Making the Calendar Look Like a Calendar 
At this point, your markup is proper and your events are there, but the generated code doesn’t look 
much like a calendar at all. 
To rectify this, you’ll now be taking a moment to complete the HTML markup and style the page 
using CSS. 
www.freepdf-books.com

---

CHAPTER 4 
■ 
BUILD AN EVENTS CALENDAR 
 
155 
■
 
Note Because this book is not about CSS, the rules used won’t be explained in detail. For more information on 
CSS, check out Beginning CSS Web Development by Simon Collison (Apress, 2006). 
In a nutshell, the CSS file will do the following: 
•  Float each list item to the left. 
•  Adjust margins and borders to make the dates look like a traditional calendar. 
•  Add a hover effect so the day over which the mouse is hovering will be highlighted. 
•  Style event titles. 
•  Add hover effects for event titles as well. 
•  Add some CSS3 flair, including rounded corners and drop shadows, for fun. 
■