CSS Problem mit hover

Re(2): CSS Problem mit hover

koloman — Sun, 23 Oct 2005 09:57:40 GMT

danke für den tipp
aber die browser dürften fehlerhaftes css ohnehin soweit möglich reparieren...

Re(2): CSS Problem mit hover

koloman — Sun, 23 Oct 2005 09:56:22 GMT

so jetzt hauts hin
danke, das mit dem visited war ein guter tipp, ich hatte es eh drin, aber nicht in der richtigen reihenfolge (a:link, a:visited, a:hover)

Re: CSS Problem mit hover

RevX — Sat, 22 Oct 2005 13:54:31 GMT

Evt. das hier nehmen/anschauen und farblich adaptieren:
http://www.howtocreate.co.uk/tutorials/testMenu.html

Re: CSS Problem mit hover

Tom2k — Fri, 21 Oct 2005 22:49:23 GMT

Dir fehlt ein Doppelpunkt in der 8. letzten Zeile ( bei background: #ccccdd; )

wars das?

lg
tom2k

Re: CSS Problem mit hover

Tom2k — Fri, 21 Oct 2005 22:49:23 GMT

Dir fehlt ein Doppelpunkt in der 8. letzten Zeile (bei background: #ccccdd

wars das?

lg
tom2k

Re: CSS Problem mit hover

Ingenico — Fri, 21 Oct 2005 15:58:01 GMT

nur die Textfarbe spinnt irgendwie, obwohl alle Listeneinträge gleich
ausschauen, ändert sich die Textfarbe nur bei manchen Menüpunkten

Könnte es an der Pseudo-Klasse ":visited" liegen?

CSS Problem mit hover

koloman — Fri, 21 Oct 2005 14:58:55 GMT

Hallo,
ich hätte gerne für ein listenbasiertes Menu, dass sich die Textfarbe und der Hintergrund ändert, wenn man über den Link drüberfahrt. Anundfürsich ja kein Problem, das mitm Hintergrund funktioniert ganz normal, nur die Textfarbe spinnt irgendwie, obwohl alle Listeneinträge gleich ausschauen, ändert sich die Textfarbe nur bei manchen Menüpunkten, und zwar immer bei anderen....sehr strange

Und zwar auch noch browserspezifisch unterschiedlich, ich bin bald am auszucken, weil ich keine ahnung hab, woran das liegen könnte...

Vielleicht hat ja irgendwer schonmal ein ähnliches Problem gehabt und weiss Rat???

Hier mein css code:

#navcontainer {
margin-left: 3em;
width: 145px;
padding: 0 0 1em 0;
margin-bottom: 1em;
font: bold 13px verdana;
}

#navcontainer ul {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #000000;
background: #ccccdd;
}

#navcontainer li a {
display: block;
padding: 4px 8px 4px 8px;
background #ccccdd;
text-decoration: none;
width: 100%;
}

#navcontainer li a:hover {
background: #000d33;
color: #ffffff;
}

lg,
koloman