XHTML Forms - Web Development and Design Foundations with XHTML - page 396

form information to the server-side script configured in the <form> 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 labelCol that 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
myRow with bottom padding set to 20 pixels.

●