Trenger hjelp til CSS-meny

[dedLy_sCoRpIoN]

HTML-kode:

<table width="800" height="670" bordercolor="RGB(6,0,64)" border="1" cellpadding="20" cellspacing="0">

<tr><td id="tdleft">


<ul>
<li><a href="j">Home</li>
<li><a href="http.//www.home.no/spursdomain">Spursdomain</li>
<li><a href="http://www.spurs.co.uk">spurs.co.uk</li>
<li><a href="asgeirmoods.htm">Asgeirmoods</li>
<li><a href="aretsass.htm,">Årets ASS 2004</li>
<li><a href="gullkorn.htm">Gullkorn</li>
<li><a href="http://www.home.no/medlem/gjestebok.cgi?user=siggspurk">Gjestebok</li>
<li><a href="lenker.htm">Links</li>
<li><a href="http://www.home.no/siggspurk/forum">Forum</li>
</ul>

 

CSS-kode:

#tdleft {
valign: top;
width: 105;
height: 670;
background-color: white;
vertical-align: top;
text-align: center;

}

#tdleft ul {
margin: 20 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 10px;


}

#tdleft a {
display: block;
width: 105;
padding: 2px 2px 2px 2px;
border: 1px solid #000000;
background: #dcdcdc;
text-decoration: none; 
} 

#tdleft a:link, #tdleft a:active, #tdleft a:visited {
color: darkblue;
background: white;
}

#tdleft a:hover {
border: 1px solid #000000;
background: darkblue;
color: #ffffff;
} 


#tdleft li {
margin: 0px 0px 0px 0px;

} 

 

Problema

1. Det er mellomrom mellom den øverste og nest øverste som eg ikkje får vekk

2. Eg vil at menyen skal strekke over heil breidda til tdleft.

3. Gjere rommet inni linkboksen mindre og at mellomrommet frå toppen, er det samme som frå bunnen.

 

Det var vel alt

[Kagee]

Jeg vet av erfaring at <table> har ikke hatt height eller bordercolor siden HTML2.0, bruk heller css.

 

Mellomrommet er jeg ikke helt sikker på, å lukke alle <a>taggene kan ikke skade.

Riktignok gir dette deg mellomrom mellom alle knappene, men selv likte jeg det utseendet.

 

<li><a href="j">Home</a></li>