Hallo,
ich habe ein Problem mit einem a:hover, schon hundert mal formatiert, aber jetzt steh ich auf der Leitung.
Es sind 4 Menüpunkte, jede eine andere Farbe.
Der ganze Menüpunkt soll sich verfärben, doch bei mir wird es nur die Schrift.
Bitte um Hilfe 
Hi,
das liegt daran, dass das a Element ein Inline-Element ist und kein Block-Element. Entweder färbst Du den umschließenden Container auch ein (falls vorhanden) oder Du definierst die a Elemente des Menüs als Blockelemente.
Am besten wäre es, wenn Du mal den relevanten HTML und CSS Code hier postest.
Gruß Talwin
#navigation li
{
text-align: center;
font-family: century gothic;
font-size: 30px;
height: 45px;
background-color: #e3896e;
text-decoration: none;
list-style-type: none;
}
#navigation li + li
{
height: 45px;
background-color: #64bf7b;
}
#navigation li + li + li
{
height: 45px;
background-color: #fdf4a8;
}
#navigation li + li + li +li
{
height: 45px;
background-color: #83b1c9;
}
#navigation li a:hover{background-color:#e74212; text-decoration: none; display:block;}
#navigation li + li a:hover{background-color:#13a538;text-decoration: none; display:block;}
#navigation li + li + li a:hover{background-color:#ffe300; text-decoration: none; display:block;}
#navigation li + li + li + li a:hover{background-color:#0088cc; text-decoration: none; display:block;}hab jetzt wie du siehst die elemente mit einem block versehen 
aber es bleiben noch immer ca. 5px an rand übrig 
Liebe Grüße Catwiesel
aber es bleiben noch immer ca. 5px an rand übrig
Rand wo? oben/unten/rechts/links ?
das a sollte dann generell block sein und nicht nur beim hovern.
Haben a tags noch woanders CSS Formatierungen?
gib bitte noch den HTML Code dazu.
links & recht bleibt ein Rand.
checke mal die margin-Werte der a-Elemente, sollten 0 sein. Ansonsten die padding Werte der Umschließenden li Elemente checken, auch die sollten 0 sein.
Also, dein TYPO3 macht auchnichts anderes als HTML auzuspucken, d.h. es gibt sehr viel HTML-Code!
- geh mal auf deine Seite -> Rechtsklick -> Seitenquelltext anzeigen .. dann siehst du den Ganzen HTML-Code ..
Hier funktioniert alles einwandfrei.. http://codepen.io/wolf-w/pen/GgWXRX
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!