Seite 1 von 1

hover effekt mit css

Verfasst: 21.02.2007 21:50
von 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?

Re: hover effekt mit css

Verfasst: 21.02.2007 22:24
von easygo
Ambience hat geschrieben: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 { ...
Ambience hat geschrieben: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"
Ambience hat geschrieben:... 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? :wink:

Beispiele:
  • td darf nur im HTML-Element tr vorkommen
  • a darf keine Tabellenzelle enthalten
Lesestoff: http://de.selfhtml.org/

Verfasst: 21.02.2007 22:47
von 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?

Verfasst: 21.02.2007 23:11
von easygo
Ambience hat geschrieben:Würdest du mir helfen so ein Menü wie: HIER zu machen?
Wenns auch im IE 7 funktionieren würde, vielleicht. :wink:

Aber so ist das für mich uninteressant, sry

Verfasst: 21.02.2007 23:41
von kolja