Udbyning af spg. i http://www.eksperten.dk/spm/508715

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
a.menupunkt:active, a.menupunkt:link, a.menupunkt:visited {
    text-decoration: underline;
    background-color: #000000;
    color: #FFFFFF;
    border: 0;
    border-left: 3px solid #000000;
    display: block;
    line-height: 20px;
    width: 100%;
}

a.menupunkt:hover {
    text-decoration: none;
    background-color: #42495A;
    border: 0;
    border-left: 3px solid red;
    display: block;
    color: #FFFFFF;
    width: 100%;
}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="120px" border="0" cellspacing="0" cellpadding="0" align="center" class="menu">
        <tr>
          <td class="menupunkt"><a href="#" class="menupunkt">1</a></td>
        </tr>
        <tr>
          <td class="menupunkt"><a href="#" class="menupunkt">2</a></td>
        </tr>
        <tr>
          <td class="menupunkt"><a href="#" class="menupunkt">3</a></td>
        </tr>
        <tr>
          <td class="menupunkt"><a href="#" class="menupunkt">4</a></td>
        </tr>
      </table>
</body>
</html>

-- og den lidt lettere løsning inklusive det eksterne stylesheet:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Menu links</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/510123">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table id="menutabel">
  <tr>
    <td>
      <a href="link1.html">Link1</a></td>
  </tr>
  <tr>
    <td>
      <a href="link2.html">Link2</a></td>
  </tr>
  <tr>
    <td>
      <a href="link3.html">Link3</a></td>
  </tr>
  <tr>
    <td>
      <a href="link4.html">Link4</a></td>
  </tr>
  <tr>
    <td>
      <a href="link5.html">Link5</a></td>
  </tr>
  <tr>
    <td>
      <a href="link6.html">Link6</a></td>
  </tr>
  <tr>
    <td>
      <a href="link7.html">Link7</a></td>
  </tr>
  <tr>
    <td>
      <a href="link8.html">Link8</a></td>
  </tr>
  <tr>
    <td>
      <a href="link9.html">Link9</a></td>
  </tr>
  <tr>
    <td>
      <a href="link10.html">Link10</a></td>
  </tr>
  <tr>
    <td>
      <a href="link11.html">Link11</a></td>
  </tr>
  <tr>
    <td>
      <a href="link12.html">Link12</a></td>
  </tr>
  <tr>
    <td>
      <a href="link13.html">Link13</a></td>
  </tr>
  <tr>
    <td>
      <a href="link14.html">Link14</a></td>
  </tr>
</table></body>

</html>

-- og så skal style.style.css se sådan ud:

#menutabel{background:#FDFFF2;border:1px solid #34324B;border-collapse:collapse;}
#menutabel a{
  font-family:tahoma,verdana,arial,sans-serif;
  font-size:10px;
  text-decoration:none;
  color:#34324B;
  background-color:#FDFFF2;
  display:block;
}
#menutabel a:hover{
  color:#924179;
  background:#F2E3EE;
}
#menutabel a:active{
  text-decoration:underline;
}

Mit eksempel kan også bare lægges i et stylesheet, og det har to farver ved Hover, som der bliver bedt om

Jepz, men jeg syntes det var betimeligt at vise hvordan cascading i Cascading StyleSheets virker !-)

Hvis I husker det oprindelige spörgsmaal, skal jeg kunne have mulighed for flere celler i räkken (ovenstaaende supporterer ikke dette).

Samtidig skal jeg via id/class kunne lave det saadan, at hver anden räkke som udgangspunkt har en forskellig baggrundsfarve+color.

hvis du absolut vil have flere celler, skal det laves med javascript, men hvorfor flere celler?!

hvorfor flere celler? ja, hvorfor plejer man at bruge flere celler - velsagtens for at kunne präsentere data i kolonneform?

troede det var en menu du skulle lave dig...

lukker spg.