Web design creating cool web sites with html, xhtml, and css

Page 198

Chapter 8: Tables and Frames

171

Figure 8-10: A sample table that uses the frame and rules attributes.

Tricks with Table Layouts Before we leave tables and move on, I’d like to show you two more examples of how you can use tables to dramatically change the appearance of material on your Web page.

Tables within tables The first trick is a table within a table. This is a real-life example: It’s the signup form from the local bus pass program—EcoPass—site that I manage at http://www.ourecopass.org/. Here’s the source: <html>

<head>

<title>Contact the EcoPass Coordinators</title>

<style type=”text/css”>

<!—

.text { font-size: 95% }

body { width:80%; margin-left:10%; background-color:white; }

// —>

</style>

</head>

<body>

<h2 style=’text-align:center;background-color:#99c’>

Contact The Norwood/Quince EcoPass Team</h2>

We welcome email, whether you’re interested in talking about

the EcoPass system, you’re a member of the NQ EcoPass

community, or you’d like to learn more about it. If you’d

rather not contact us, you can <a href=”index.html”>go to

our home page</a> or learn about our

Continued


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.