Sent by Peter Williams on 27 September 2002 06:06
> -----Original Message-----
> From: arkady
>
> http://dkc.mse.jhu.edu/~cyork/dkcsite/template.html
>
> Specifically,
> - how to get the fuschia tables from showing extra large in
> Netscape browsers
> - I am aware that tables should not be used for layout;
> can the <td>'s be represented by css, if so, how?
For the top navigation bar.
Modify the html to
<div class="topnav">
<p>
<a href="" class="text01_white">Home</a>
<a href="" class="text01_white">Projects</a>
<a href="" class="text01_white">Staff</a>
<a href="" class="text01_white">Research News</a>
<a href="" class="text01_white">Contact Us </a>
</p>
</div>
Add to your css
.topnav {
text-align: right;
background: #AA0078;
}
You could easily continue this modification to remove the tables
from the other parts of the top of the page too.
For the news area
html changes to
<td width="178" valign="top">
<div class="newsbanner">
<p>Announcements</p>
</div>
<div class="newscontent">
DKC student programmer presents paper at 2002 JCDL. <a href=""
class="text02_white">more...</a><br />
SNIPPED OTHER LINKS
</div>
</td>
css changes to
.newsbanner p {
color: #ffffff;
background: #aa0078;
font-size: 11 px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
padding: 5px;
margin: 0;
}
.newscontent {
color: #ffffff;
background: #000078;
font-size: 1 em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
}
Again using those examples you could continue to remove
table and other presentational markup and replace it with
css. Just try a bit at a time.
--
Peter Williams
