flybasti: Benötige Hilfe Css Menu verschiedene Hintergrundgrafiken

Beitrag lesen

Hallo alle zusammen ich habe ein kleines Problem mit meiner Menüleiste.Und zwar mochte ich 4 Buttons die aber alle eine andere Grafik haben.Diese habe ich jetzt versucht mit css zu realisieren.Leider werden aber nur die ersten 2 Buttons angezeigt warum???

Ich habe in meiner css Datei

A.menulink {
display: block;
width: 100px;
height: 70px;
text-align: center;
text-decoration: none;
font-family: Comic Sans MS;
font-size: 14px;
color: #000000;
background-color: #EEEEEE;
border-style:  ;
border-width: 2px;
border-color: # ;
background-image:url(Bilder/11.jpg);
}

A.menulink:hover {
border-style: ;
border-width: 2px;
border-color: # ;
color: #0000FF;
background-color: #FFFF99;
background-image:url(Bilder/1.jpg);
 }
B.menulink {
display: block;
width: 100px;
height: 70px;
text-align: center;
text-decoration: none;
font-family: Comic Sans MS;
font-size: 14px;
color: #000000;
background-color: #EEEEEE;
border-style:  ;
border-width: 2px;
border-color: # ;
background-image:url(Bilder/22.jpg);
}
B.menulink:hover {
border-style: ;
border-width: 2px;
border-color: # ;
color: #0000FF;
background-color: #FFFF99;
background-image:url(Bilder/2.jpg);
}
C.menulink {
display: block;
width: 100px;
height: 70px;
text-align: center;
text-decoration: none;
font-family: Comic Sans MS;
font-size: 14px;
color: #000000;
background-color: #EEEEEE;
border-style:  ;
border-width: 2px;
border-color: # ;
background-image:url(Bilder/33.jpg)

}
C.menulink:hover {
border-style: ;
border-width: 2px;
border-color: # ;
color: #0000FF;
background-color: #FFFF99;
background-image:url(Bilder/3.jpg);
}
D.menulink {
display: block;
width: 100px;
height: 70px;
text-align: center;
text-decoration: none;
font-family: Comic Sans MS;
font-size: 14px;
color: #000000;
background-color: #EEEEEE;
border-style:  ;
border-width: 2px;
border-color: # ;
background-image:url(Bilder/44.jpg);
}
D.menulink:hover {
border-style: ;
border-width: 2px;
border-color: # ;
color: #0000FF;
background-color: #FFFF99;
background-image:url(Bilder/4.jpg);
}

Dann habe ich in meinen Dokument alles eingefügt siehe hier

<table border="0" width="110" align="center">
    <tr>
    <td><a href="#" class="menulink">&nbsp;Menülink 1</a></td>
  </tr>
    <tr>
    <td><b href="#" class="menulink">&nbsp;Menülink 2</b></td>
  </tr>
  <tr>
    <td><c href="#" class="menulink">&nbsp;Menülink 3</c></td>
  </tr>
  <tr>
    <td><d href="#" class="menulink">&nbsp;Menülink 4</d></td>
  </tr>
</table>