HJÆLP til to menuer i css
Jeg har et KÆMPE problem, jeg håber nogle af jer kan hjælpe.Jeg har to css menuer, en i toppen og en i venstre side. Mit problem er at når jeg definere baggrund i min top menu, så påvirker det den i venstre side og omvendt. Det ser ikke særlig kønt ud, for nu er menuen i venstre side den farve den skal være, men i top menuen er der mellemrum imellem mine links i samme farve som menuen i venstre side. Hvad gør jeg?
Hvis det er noget med at jeg skal ændre på mine class, hvoran gør jeg så det?
Koderne ser ud som følger:
VENSTRE MENU:
<style type="text/css">
<!--
table.menu {border: 1px solid #393939;}
td.menu, .overskrift {font: bold 11px verdana, sans-serif;text-align: center;}
a.menupunkt {
text-decoration: none;
background-color: logo.gif;
color: 806341 ;
border-top : 1px solid #FFFFFF;
border-left : 1px solid #FFFFFF;
border-bottom : 1px solid #6D6D6D;
display: block;
line-height: 22px;
width:99%;
}
a.menupunkt:hover {
text-decoration: none;
background-color: #EFDEC6;
border-top : 1px solid #8F9CC6;
border-left : 1px solid #8F9CC6;
border-bottom : 1px solid #6D6D6D;
display: block;
color: 000000;
width:99%;
}
.overskrift {
background-color: logo.gif;
color: 000000;
border-top: 1px solid #D5DFFF;
border-left: 1px solid #D5DFFF;
border-bottom: 1px solid #393939;
line-height: 20px;
}
-->
</style>
<table cellpadding="0" cellspacing="0" border=0 class=menu width=130>
<tr><td><div class=overskrift>KATAGORIER</div></td></tr>
<tr><td class=menu><a href="nyheder.htm" class=menupunkt>NYHEDER</a></td></tr>
<tr><td class=menu><a href="link1.htm" class=menupunkt>Bøger</a></td></tr>
<tr><td class=menu><a href="link1.htm" class=menupunkt>Baby</a></td></tr>
<tr><td class=menu><a href="link1.htm" class=menupunkt>Krammedyr</a></td></tr>
<tr><td class=menu><a href="link1.htm" class=menupunkt>Spil</a></td></tr>
<tr><td class=menu><a href="link1.htm" class=menupunkt>Træ</a></td></tr>
<tr><td class=menu><a href="link1.htm" class=menupunkt>Maling</a></td></tr>
<tr><td class=menu><a href="link1.htm" class=menupunkt>Farver</a></td></tr>
<tr><td class=menu><a href="link1.htm" class=menupunkt>Diverse</a></td></tr>
<tr><td class=menu><a href="tilbud.htm" class=menupunkt>UGENS TILBUD!</a></td></tr>
</table>
TOP MENU:
<head>
<title>Kasper77 Nye menu!</title>
<style type="text/css">
a.menu {
background-color: 84949C;
color: white;
text-align: center;
display: blocK;
}
a.menu:hover
{
background-color: #9C8C84;
color: white;
text-align: center;
display: blocK;
}
Table
{
font-family:Tahoma, verdana, Microsoft Sans Serif, Ms Sans Serif, arial;
font-size:7pt;
font-color: #FFFFFF;
Background-color: #84949C;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body style="margin: 0px;">
<table cellpadding="0" cellspacing="0" width="100%" backgroundcolor="84949C">
<tr>
<td>
<a href="gogo.html" class="menu"> HOTELHOSTING </a>
</td>
<td><font color="#FFFFFF">|</font></td>
<td>
<a href="gogo.html" class="menu"> SERVERHOSTING </a>
</td>
<td><font color="#FFFFFF">|</font></td>
<td>
<a href="gogo.html" class="menu"> SUPORT </a>
</td>
<td><font color="#FFFFFF">|</font></td>
<td>
<a href="gogo.html" class="menu"> BESTIL NU </a>
</td>
<td><font color="#FFFFFF">|</font></td>
<td>
<a href="gogo.html" class="menu"> KONTAKT OS </a>
</td>
</tr>
</table>
</body>
