This rule, however, ensures
that the background will always have some color, regardless of the font size. The
color setting itself was taken from the top pixel of the background image, so it
blends seamlessly with said image.
#homePage #homePageLink a:link, #homePage #homePageLink a:visited,
?? #servicesPage #servicesPageLink a:link, #servicesPage
?? #servicesPageLink a:visited, #customerSupportPage
?? #customerSupportPageLink a:link, #customerSupportPage
?? #customerSupportPageLink a:visited, #contactDetailsPage
?? #contactDetailsPageLink a:link, #contactDetailsPage
?? #contactDetailsPageLink a:visited {
background: #28b767 url(active-section-tab-background.gif)
?? 0 100% repeat-x;
border-top: 1px solid #ca8d5c;
}
8. Add the following three rules to style the subnavigation. Here, a background image
is tiled horizontally behind the entire subNavigation div, and it works in a similar
way to the one used in step 7, blending into a background color if the text is
zoomed, dramatically changing the div??™s height. The border-bottom setting provides
a darker base to the navigation, which works better than having the light gray
masthead border directly beneath it. The margin-top setting pulls the entire
subNavigation div up two pixels, which stops the layout from splitting at some
levels of text zoom.
#subNavigation {
margin-top: -2px;
background: #b76628 url(sub-navigation-background-tile.gif) 0 100%
?? repeat-x;
THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
222
border-bottom: 1px solid #6b6b6b;
padding: 6px 0;
}
#subNavigation a:link, #subNavigation a:visited
font: bold 1.
Pages:
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319