HTML and CSS Reference
In-Depth Information
#related ul {
padding-bottom:15px;
}
#related li {
margin:0 0 0 10px;
width:8em;
}
#related li a {
display:block;
text-decoration:none;
background:#fff url(arrow.gif) no-repeat 2px center;
padding:2px 2px 2px 20px;
}
#related li a:hover {
background:#009f9f url(arrow.gif) no-repeat 2px center;
color:#fff;
padding:2px 2px 2px 14px;
}
The finished Related Links list is shown in Figure 12-15.
Figure 12-15.
The styled Related Links list
The Complete Page
Little by little, we've built the fictional travel web site and styled it entirely with CSS. With these
navigation changes, the page is now complete. So, how does it look? Check out Figure 12-16
for the answer; it shows both the styled page and the unstyled (CSS disabled) version.
