• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Project 8. Styling a Weblog > Laying the Groundwork

Laying the Groundwork

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 id="weblog">

<h3><span>Eric's Thoughts</span></h3>

<div class="entry">

<h4 class="title">
<a name="t20031125" href="/eric/thoughts/200311.html#t20031123"
  rel="bookmark">Hot Steaming Internet</a>
</h4>
<h5 class="date">
Tuesday, 23 November 2003
</h5>

[...entry content...]

<ul class="moreinfo">
<li class="categories"><a href="/eric/thoughts/wifi">WiFi</a></li>
<li class="comments">No comments</li>
<li class="pingbacks"><a href="/eric/thoughts/pingbacks/t20031123">3 
 Pingbacks</a></li>
</ul>

</div>

[...more entries...]

</div>
				


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint