Menu hjælp

hejsa,
et lille eksempel

CSS
a.menu {
float: left;
display: block;
width: 150px;
background-color: #C0C0C0;
color: black;
text-decoration: none;
font-size: 13px;
font-family: arial, verdana;
font-weight: normal;
line-height: 20px;
text-align: center;
}
a.menu:hover {
float: left;
display: block;
width: 150px;
background-color: #008080;
color: #800000;
text-decoration: underline;
font-size: 13px;
font-family: arial, verdana;
font-weight: bold;
line-height: 20px;
text-align: center;
}

a.menu:hover { }
er når mussen er over menu punktet

a.menu { }
er når mussen ikke er over menu punktet.
 
  float: left;
  så bliver menuen opstillet på en linie
 
  display: block;
  så bliver det  vist som et block element

  width: 150px;
  bredden pr. menu punkt er 150px

  background-color: #008080;
  baggrundsfarven på menupunktet

  color: #800000;
  farven på teksten i menu punktet
 
  text-decoration: underline;
  teksten bliver understreget (text-decoration: none; og der er ingen text-decoration)

  font-size: 13px;
  teskt størrelsen

  font-family: arial, verdana;
  tekst fonten eller skrifttypen. Først søges efter "arial", så "verdana".

  font-weight: bold;
  teksten bliver vist som fed, bold. (font-weight: normal; teksten bliver vist som... gæt selv :)

  line-height: 20px;
  højden på menupunktet. det skal så altiv være størrer end font-size

  text-align: center;
  teksten i menu punktet bliver centret. (text-align: left;)

Se mere http://www.w3.org/TR/CSS2/

så henviser du med class i et link.

eksempel HTML (skal stå mellem <body></body>)

<a href="mitlink.html" class="menu">
et
</a>
<a href="mitlink.html" class="menu">
to
</a>
<a href="mitlink.html" class="menu">
tre
</a>
<a href="mitlink.html" class="menu">
fire
</a>

/Casper