Re: Alignment

Hello David, greetings to a neighbor,

> Can someone look at this page and see if they can figure out
> where I went wrong on my alignment.
> http://www.ruff-ryders.org/sitemap.htm

Ah, I see you are referring to the rendering in Internet Explorer;
you should say so. I couldn't figure out what is causing the extra
space, however I wanted to comment on your unnecessary use of
JavaScript for the navigation rollovers. This can easily be done
with a fraction of the markup using CSS, which would greatly
reduce the total file size of the page by reducing the markup and
doing away with both images for every link. The CSS would be
something like this:

td.nav a {
 color: #90C;
 background: black;
 font: bold .8em Arial, sans-serif;
 text-decoration: none;
 text-align: center;
 display: block;
 width: 149px;
 margin: 3px;
 padding: 4px;
 border-top: 1px solid lime;
 border-bottom: 1px solid lime;
 }

td.nav a:hover {
 border-top: 1px solid #C09;
 border-bottom: 1px solid #C09;
 }


Tim

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA