[CSS] Hintergrundfarbe eines Links ändern

[bnA]

Hallo,

ich hoffe ihr könnt mir helfen und zwar möchte ich die Hintergrundfarbe eines Links ändern, aber auf der gesamten Breite des Divs

a:hover {

color:#000000;

background-color:#444444;

}

So wird ja nur der Hintergrund geändert, so lang wie der Text ist, jedoch soll die gesamte Breite geändert werden.

So wie hier auf der rechten Seite die Navigation:

https://www.zoo-berlin.de/

Vielen Dank im Voraus

[azett]

<a> selbst ist ein Inline-Element, also nur so breit wie sein Inhalt. Für einen solchen Effekt kannst du den Link einfach in ein Block-Element setzen, dem du dann per CSS die Hintergrundfarbe zuweist.

Der Link im Beispiel liegt in einem Listenelement, das etwa so im CSS definiert sein dürfte:

div.menu li:hover {

background-color: ...

}

[unbenannt]

Oder <a> direkt als Block-Element darstellen lassen, z.B.:

#navigation a {

	display: block;

}

So wird der Effekt auch im genannten Beispiel erreicht und stellt auch die gängigere Lösung dar.

[bnA]

Hallo,

vielen Dank für eure Antworten.

Mit beiden funktioniert es... Habe es in meinem Fall mit der zweiten Methode effektiver lösen können...

Grüße!