Web Development and Design Foundations with XHTML, 5th Edition

(Steven Felgate) #1
Web Site Case Study: Adding a Catalog Page for an Online Store^497

Figure 12.24
Revised Pasha the
Painter navigation



  1. Configure CSS. Before you create the Store page (store.html) you will add two
    new style rules to your painter.css external style sheet. Configure a class named
    clearrightwhich will be used to clear a right float. Configure a new style rule
    to add 30 pixels of padding to the bottom of each form:
    The style rules follow:
    .clearright { clear: right; }
    form { padding-bottom: 30px; }

  2. Now you are ready to create the Store page. Figure 12.25 shows a sample of the
    completed page.


Figure 12.25
Pasha the Painter
store.html

Free download pdf