Creating Cool Web Sites with HTML, XHTML, and CSS- P7: This book walks readers through the process of creating a basic Web site from scratch using HMTL, the basis for billions of Web pages, and then jazzing it up with advanced techniques from the author’s award-winning sites. This updated edition features new material that shows readers how to attract visitors to a site and keep them there, including new JavaScript examples and coverage of cascading style sheets and XHTML, technologies that make building successful Web sites even easier. | 274 Creating Cool Web Sites with HTML XHTML and CSS Notice that in addition to specifying float left in the style attribute I also add a 10-pixel margin around all four sides of the container border and spruce things up with a light-red background which appears gray in the black and white figure . A. . Technically FDF results in a light purple red blue purple but your color may note vary as mine does If you really want purple try C9F instead. F Figure 12-8 shows the attractive results and should certainly inspire you regarding ways to improve long passages of text Figure 12-8 Float and container tweaks produce a delightful result. The float CSS attribute can take three possible values left right or none you use the last to override the parent float value if you specify one. Remember that this attribute affects any container even one that has child containers so you can use this layout technique with a parent container that includes multiple paragraphs of text graphics hyperlinks or whatever. It still acts as a single unit for any CSS presentation specifications that you apply at the parent container level. Container Positioning The idea that containers can hold child containers and that you can alter the appearance of the parent through CSS is a cornerstone of advanced Dynamic HyperText Markup Language DHTML Web design. It s also why accurately and precisely positioning the container is so important. In the CSS world you have four different container-positioning options absolute relative fixed and static. The good news is that one of these static is the default so you re already familiar with it. In static positioning the container lays out as it would if you didn t specify any positioning with preceding material appearing on-screen before the container and subsequent material appearing after the container. Please purchase PDF Split-Merge on to remove this watermark. Chapter 12 Advanced Cascading Style Sheets Absolute positioning Absolute .
