mairving — Sun, 17 Feb 2002 21:55:12 +0000

A couple of ways to do it. One would be to left align the header and center the other links.

<?php
<table>
<tr>
<td>Leagues</td>
</tr>
<tr>
<td>Home/News, etc.</td>
</tr>
</table>
?>

The other would be to use different tables.

<?php
<table cellpadding=0>
<tr>
<td>Leagues</td>
</tr>
</table>
<table cellpadding=5>
<tr>
<td>Home/News, etc.</td>
</tr>
</table>
?>

The second method looks better since I don't like centered text.

Thanks

fifeclub — Sun, 17 Feb 2002 21:13:35 +0000

That will help alot. Just one other question about "#2". I want to indent the links but keep the text above it aligned left. Sort of like a definition list but to a lesser degree, being indented in relation to the text above it. I also thought about a transparent 10pixel wide gif. Anything else?

Thanks again for the other advice. I'm gonna go add that now.

mairving — Sun, 17 Feb 2002 18:37:02 +0000

1.) To remove the margins add to your Body tag:
The first 2 only work in IE, the second 2 in NS, Opera. This will also remove the space at the top before the logo.

2.)The best way to indent is to use cellpadding in your table like:

3.) Make an external stylesheet for this one, save it as a .css file. You can control a lot of the text formatting with a stylesheet. Here is a sample from a section of one that I use:

<?php
A:link {
text-decoration:none;
 color:#336699}

A:visited { text-decoration:none; 
            color:#336699 }

A:active {  text-decoration:none; 
            color:#336699 }

A:hover {
    text-decoration: underline;
    color:#000000;
    font-size : 11px;
    
    }
.nav     {text-decoration:none; 
     font-weight:9;
     font-size : 11px;
     color:#336699;
     }
.nav:active {text-decoration:none; 
color:#336699;
font-size : 11px;
     }
.nav:link {text-decoration:none;
           color:#336699;
    font-size: 11px
    }
.nav:visited {text-decoration:none;
            color:#336699;
    font-size: 11px
    }                 
.nav:hover {text-decoration:underline;
             color:#000000;
             font-size : 11px;}
?>

Link to the external sytlesheet by putting this in the section of your pages:

Then in your navlinks call the .nav class like so:

You can learn a lot about stylesheets by picking up ones out of your browser cache and seeing what is going on.