HTML and CSS Reference
In-Depth Information
Figure 12-11.
The not-quite-completed travel site
The first thing to do is to reset the browser's built-in styles, just as we did with the hori-
zontal links:
#navigation ul,
#related ul,
#navigation li,
#related li {
padding:0;
margin:0;
list-style:none;
}
■
Note
We've focused on the lists onlyin the
navigation
and
related
sections using contextual selec-
tors; otherwise, we may affect other lists that could appear in the body text or even undo work in the header area.
This code does cause an unsightly effect on the right side of the page. The links are now sit-
ting over the top of the rounded border that was applied previously, as shown in Figure 12-12.
Figure 12-12.
Resetting the margins has affected this set of links.
