As usual, we'll need to dive into the markup of the project document the better to understand what we have to work with and get a peek at the document before we start adding CSS to it. Listing 8.1 gives us a detailed look at the markup for the weblog, and Figure 8.1 shows it in its raw, unstyled glory.
Listing 8.1. A Look at the Weblog's Markup
<div > <h3><span>Eric's Thoughts</span></h3> <div > <h4 > <a name="t20031125" href="/eric/thoughts/200311.html#t20031123" rel="bookmark">Hot Steaming Internet</a> </h4> <h5 > Tuesday, 23 November 2003 </h5> [...entry content...] <ul > <li ><a href="/eric/thoughts/wifi">WiFi</a></li> <li >No comments</li> <li ><a href="/eric/thoughts/pingbacks/t20031123">3 Pingbacks</a></li> </ul> </div> [...more entries...] </div>
Figure 8.1. The unstyled weblog entries.
There are a few things to note in particular:
We'll take advantage of each of these points, and a great many other things, as we make these entries look better than ever.