hover effekt mit css

[Ambience]

Hallo,

ich habe durch google dieses ergebnis bekommen:

Code: Alles auswählen

.mainmenu { background-color: #e0e0e0;
            border: 1px solid #c0c0c0;
            font-weight: bold;
            width: 155px;
            height: 25px;
            padding-left: 4px;
          }
          
.mainmenu a:hover { background-color: #000000;  }

damit meine ich das hover.

so sieht mein menü aus:

Code: Alles auswählen

<table style="margin-top:5px;">
        <tr>
          <a href="#"><td class="mainmenu">Startseite</td></a>
        </tr>
    </table>

nur leider funktioniert das nicht, und ich möchte wenn möglichst ohne viel javascript aber browserkompatibel arbeiten.

Weiß jemand warum das nicht funktioniert?

[easygo]

ich habe durch google dieses ergebnis bekommen:

Code: Alles auswählen

.mainmenu { background-color: #e0e0e0;
            border: 1px solid #c0c0c0;
            font-weight: bold;
            width: 155px;
            height: 25px;
            padding-left: 4px;
          }
          
.mainmenu a:hover { background-color: #000000;  }

Richtig wäre

a.mainmenu:hover { ...

so sieht mein menü aus:

Code: Alles auswählen

<table style="margin-top:5px;">
        <tr>
          <a href="#"><td class="mainmenu">Startseite</td></a>
        </tr>
    </table>

Ich vermute mal, dem a Tag fehlt das Attribut class="mainmenu"

... und ich möchte wenn möglichst ohne viel javascript aber browserkompatibel arbeiten.

Ok und dafür pfeifst du halt auf HTML-konform oder wie?

Beispiele:

• td darf nur im HTML-Element tr vorkommen
• a darf keine Tabellenzelle enthalten

Lesestoff: http://de.selfhtml.org/

[Ambience]

Irgendwie funktioniert das nicht so wie es sollte.

Würdest du mir helfen so ein Menü wie: HIER zu machen?

Ich will das es genauso aufgebaut ist, mit dem hover effekt nur das es andere Farben und andere Links bzw. Inhalt hat...

Wenn es geht, dann doch vllt auch in einer tabelle statt einer liste?

Ehrlichgesagt html und css ist nicht so mein Ding bzw. hab ich sehr selten damit zu tun und ich hab auch keine Zeit mich irgendwo durchzuqählen.

Daher, wenn es dir nix ausmacht, würdest du mir bitte helfen?

[easygo]

Würdest du mir helfen so ein Menü wie: HIER zu machen?

Wenns auch im IE 7 funktionieren würde, vielleicht.

Aber so ist das für mich uninteressant, sry

[kolja]

wenns css sein soll:

http://www.drweb.de/csspraxis/css-rollover-menu.shtml

kolja