Menu med CSS

Indsæt dette i <head></head> sektionen eller i seperat stylesheet(anbefales):

<style type="text/css">

p.menu
{
font-family: verdana, arial, sans-serif;
margin: 1px 1px 1px 1px;
}

a.menu {
color: #eeeeee;
font-weight:bold;
line-height: 30px;
text-decoration: none;
text-align: left; width: 90%;
}

a.menu:hover {
color: #0000CC;
line-height: 30px;
text-decoration: none;
background-color: #E8ECEB; display: block;
width: 90%;
}

div.menu
{ height: 1000px;
width: 180px;
position: relative;
top: 0px;
left: 0px;
float:left;
}

</style>

Hvis du bruger seperat stylesheet, skal du ikke skrive: <style type="text/css"> </style>

Indsæt denne menu-tabel, der hvor den skal være:


<div class="menu">

<table style="font-family: Verdana; margin-left:5px; float: left; border-style: none; border-width: 0; width:175">
<tr>
<td style="height: 30; width:175">
<p class="menu">
<a class="menu" href="index.htm"><font color="#800000"> Forsiden</font></a></p>
</td>
</tr>
<tr>
<td style="height: 30; width:175">
<p class="menu">
<a class="menu" href="din-side.htm"> Oversigt</a></p>
</td>
</tr>
<tr>
<td style="height: 30; width:175">
<p class="menu">
<a class="menu" href="din-side.htm"> Om dette websted</a></p>
</td>
</tr>
<tr>
<td style="height: 30; width:175">
<p class="menu"><a class="menu" href="din-side.htm"> Gæstebog</a>
</p>
</td>
</tr>
</table>