Zur Navigation

Hover-Effekt auf die Breite des Linkes-Textes

1 Krieger (Gast)

Hallo,
Kann man den Hover-Effekt auf die Breite des Linkes-Textes beschränken und wie? Der Hover erscheint jetzt über die ganze Länge "width". Siehe die linke Navigation. http://www.fahrrad-workshop-sprockhoevel.de/

13.01.2017 11:32

2 Jörg

Statt einer festen Breite kannst du für diese Links den Wert "auto" zuweisen, dann sind sie nur so lange, wie der enthaltene Text.

width: auto;

13.01.2017 15:19 | geändert: 13.01.2017 15:19

3 Krieger (Gast)

OK. Vielen Dank

13.01.2017 15:24

5 Jörg

In neueren Firefox-Versionen kannst du mit einem Rechtsklick auf einen Navigationslink und "Element untersuchen" den Inspektor anzeigen lassen. Auf der rechten Seite siehst du dann, für welche Selektoren in welcher Datei und Zeile die Breite definiert wurde. Maßgeblich ist hier wohl ".nav-box a" in responsive-workshop1.css - dieser speziellere Selektor überschreibt mit seinen Eigenschaften den allgemeineren Selektor "a:hover" (deswegen ist der Wert für width dort durchgestrichen). Um diese Definition zu überschreiben, musst du die Breite also auch für den spezielleren Selektor definieren

13.01.2017 19:27 | geändert: 13.01.2017 19:29

6 Krieger (Gast)

OK. Danke.

13.01.2017 21:01

7 six

Hallo,

also ich würde es so lassen, finde es für den User freundlicher wenn man
nicht direkt mit der Maus über den Text fahren muss.
So wie es es jetzt ist kann man bequem an der rechten Kante des Menüs
herumhovern und optisch siehts auch gut aus.

Anbei sende ich kollegiale Grüße,
(ehemals HH Race-Tech Stoßdämpfer)

10.02.2017 11:07

Beitrag schreiben (als Gast)





[BBCode-Hilfe]