Prev | Current Page 283 | Next

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"

10).
FIGURE 7.10 The four background images are added to the layout.
STYLIN??™ WITH CSS - CHAPTER 7 254
The text styles in the header and footer could use some work, and
we will change them when we deal with all the other text later.
Meantime, let??™s add the drop-down menus.
The Drop-Down Menus
It is quite simple to make this menu work, as the markup is just a
nested list structure. Once written, all you have to do is associate that
markup with the already-written CSS and then style the colors to
your liking. We previously associated the menu??™s style sheet with the
page, so if we add some markup, the menu should be good to go.



Note the class on the div that associates the markup with the menu
styles. You can see I dropped this div into the markup between the
header and the wrappers that surround the column. This will allow
it to sit nice and tight under the header, as Figure 7.11 shows.
end header
ends multi-drop menus
(etc)
BUILDING WEB PAGES 255
FIGURE 7.


Pages:
271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295