E-mail List Archives
RE: Using tables for layout
From: julian.rickards
Date: Feb 23, 2004 12:13PM
- Next message: Cheryl D. Wise: "RE: Using tables for layout"
- Previous message: Paul Bohman: "Re: Using tables for layout"
- Next message in Thread: Cheryl D. Wise: "RE: Using tables for layout"
- Previous message in Thread: Paul Bohman: "Re: Using tables for layout"
- View all messages in this Thread
Yes, that is true that web pages (which are the documents that they are
referring to) must be readable without requiring an associated style sheet.
However, you are not adding information when you style something with CSS,
you are just prettying it up. Navbars are considered lists of links.
Therefore, start out with a list of links for your navbar such as:
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
Then you could use something like:
<style type="text/css" rel="stylesheet">
<!--
ul {
background-color: #00F;
}
li {
color: #FFF;
}
-->
</style>
and other styles to style it. By taking the margins out, setting the width
of <li> and <a> to 100%, you create a link that appears to be somewhat like
a table cell. For example, the links down the left side of my personal web
site http://jrickards.ca/resume uses an unordered list where the <ul>, <li>
and <a> all have been styled so that it is somewhat like box (table cell).
When the styles are off, the person simply sees a list of links.
---------------------------------------------------------
Julian Rickards
Digital Publications Distribution Coordinator
Publications Services Section
Ontario Ministry of Northern Development and Mines
Phone: (705) 670-5608
Fax: (705) 670-5690
>
- Next message: Cheryl D. Wise: "RE: Using tables for layout"
- Previous message: Paul Bohman: "Re: Using tables for layout"
- Next message in Thread: Cheryl D. Wise: "RE: Using tables for layout"
- Previous message in Thread: Paul Bohman: "Re: Using tables for layout"
- View all messages in this Thread