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/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;
Das mit dem " a:hover { width: auto;
background-color: #0cf;
}
klappt nicht. Woran könnte das liegen.
http://wordpress.fahrrad-workshop-sprockhoevel.de/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
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)