The Essential Guide to CSS and HTML Web Design

Prev | Current Page 474 | Next

Craig Grannell

"The Essential Guide to CSS and HTML Web Design"

Shopping basket

Checkout

Account

Helpdesk

THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
380
The logo div contains a linked image (linked to # in this example, but in a live site, this
would be linked to the website??™s home page). The navContainer contents are literally
identical to those in Chapter 5??™s ???Creating a multicolumn drop-down menu??? exercise.
In the content area, the sidebar div contents are straightforward: level-two headings are
twice followed by unordered lists full of links (intended for links to top sellers and items
coming soon), and a third heading is followed by a paragraph of text. In the mainContent
div, a level-one heading is followed by an introductory paragraph and a horizontal rule.
Next are the page??™s recently arrived item highlights. These each take the form of a containing
div (with an id value of itemContainer), and each of these containers contains
two divs, itemImage (which houses an image) and itemDetails. Each itemDetails div
contains an unordered list for the name, price, stock notification and dispatch details,
along with a paragraph of descriptive text. Two of the list items have class values, which
are used as hooks for CSS styles.

Item name

??X.

Pages:
462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486

Your Electronic Books

Craig Grannell

"The Essential Guide to CSS and HTML Web Design"