I will say it is a little tedious to create transparent boxes this way,
and I wish that there were easier ways than resorting to using either
JavaScript or the graphics approach I used in this example. Also,
IDWIMIE??”IE6 can??™t display repeating transparent background .png
images, so I simply used the star-html hack to turn off these background
elements in IE6, like this:
* html #nav #top_of_box, * html #nav_inner, * html #nav
#bottom_of_box {background:none;}
As the box serves only to enhance readability and the visual look of
the page, it??™s not a major problem if it??™s not present.
Adding the Registration Form
Let??™s now add the Registration form into the nav_inner div so it
appears below the text that is already there. Because we already
have the XHTML and CSS for the sign-up form we created in
Chapter 6 (which is exactly what we need here), this step goes very
quickly. We drop in the markup that appears right after Figure
6.21 in Chapter 6, which I won??™t repeat here. (You can also ?¬? nd the
same markup in the Stylib library in a ?¬? le called sign_up.html.) This
markup goes right before the close of the inner_nav div.
If you really want .png transparency
in IE6, you can ?¬? nd an Internet
Explorer behavior that will enable
this at http://www.twinhelix.com/
css/iepng?¬? x/.
BUILDING WEB PAGES 263
We saw how the CSS for this form was associated with the home
page right at the beginning of this chapter, so let??™s now see how it
looks.
Pages:
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304