Web Development and Design Foundations with XHTML, 5th Edition

(Steven Felgate) #1

(^396) Chapter 9 XHTML Forms
form information to the server-side script configured in the

tag. A confirmation
page that lists the form information and their corresponding names will be displayed.
Prime Properties
See Chapter 2 for an introduction to the Prime Properties Case Study. Figure 2.38
shows a site map for the Prime Properties site. The Home page, Listings page, and
Financing page were created in earlier chapters. You will work on the Web pages in the
primecss folder in this case study.
Figure 9.33
Prime Properties
contact.html
You have two tasks:



  1. Add style rules to the prime.css file that will configure a form.

  2. Create a Contact page (contact.html) as shown in Figure 9.33.


Hands-On Practice Case



  1. Configure the CSS.Modify the external style sheet, prime.css. The form is styled
    with CSS. Review Section 9.4. See Figures 9.30 and 9.33. Open prime.css in
    Notepad. Add the style rules as follows:
    ● Notice how the text labels for the form controls are on the left side of the con-
    tent area but are right-aligned. Create a class called labelColthat will float to
    the left, has a width of 100 pixels, aligns text to the right, and has 10 pixels of
    padding on the right.
    ● Configure space around the rows of form controls. Create a class named
    myRowwith bottom padding set to 20 pixels.

Free download pdf