Et problem med at lave en pæn menu

Det er da meget simpelt, for lav en tabel med een række, så virker det med det samme, f.eks.

<style type="text/css">
*{font-family:verdana,sans-serif;font-size:x-small;}
#menuDiv{width:750px;height:30px;overflow:hidden;background:#000;}
#menuTabel{border:0;width:100%;height:30px;}
#menuTabel td{margin:0 10px;border:1px solid red;}
#menuTabel a,#menuTabel a:link,#menuTabel a:visited{color:silver;text-decoration:none;display:block;text-align:center;}
#menuTabel a:hover,#menuTabel a:active{color:yellow;text-decoration:overline underline;}
</style>

<div id="menuDiv">
  <table id="menuTabel">
    <tr>
      <td>
        <a href="/">Forside</a></td>
      <td>
        <a href="bagside.html">Bagside</a></td>
    </tr>
  </table>
</div>

Hvis du vil ha at deres magin skal tilpasses efter hvor meget de fylder, bliver du nødt til at bruge javascript.

løbe alle a elementerne igennem, lægge deres bredde sammen, trække dette fra 750, og dele resultatet ud som margin mellem de a'er der findes.

eller som roenving skriver, bruge en tabel.

Jeg endte med at lave mig en tabel, så roenving har fortjent pointne

Velbekomme '-)

-- og tak for point ;~}