Folgenschweres Problem mit horizontaler Navigation?

...komplette Frage anzeigen

3 Antworten

Wenn ich deine Frage so durchlese und mir dein html anschaue, soll es nur eine normale horizontale Navigation sein, oder?
Du gibst dem ul display:inline oder halt inline-block, damit ist es horizontal. Wenn du der Navi eine bestimmte Breite geben möchtest, dann noch eine width.
Wenn du möchtest, dass die Navi keine Wörter (die Listenpunkte li) zum Anklicken hat, sondern Buttons, machen wir folgendes: Wieder ul mit display: inline und width und du gibst li noch eine Breite. Das ul muss dann natürlich die Breite der gesamten li's haben. Sprich zwei Listenpunkte mit width: 75px, dann braucht ul width: 150px. ul und li brauchen natürlich die selbe Höhe.
Nun zum Hover und der Verlinkung. Machen wir das wie sonst, sind nur die Wörter verlinkt und haben einen Hovereffekt, statt den gesamten Buttons. Alright, folgendes: Wir verlagern das Anchor tag (<a>) um das li rum, statt es rein zu packen und beim hover geben wir entsprechend li:hover an. Möchtest du zusätzlich noch, dass sie zum Button auch die Schrift beim Hovern ändert, kannst du das ganz bequem mit angeben, da die Schrift ja jetzt im li liegt.

Geht das so in die Richtung, was du versuchst?

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von abbrechen
15.07.2016, 11:41

Sry, du gibst dem li inline !

0

Lager bitte erstmal deinen Style (CSS) in ne externe CSS aus. Das ist so unübersichtlich :S. Warum arbeitest du nicht mit <nav>?


Also in der Art:

<nav>
<ul>
<li><a href=Anker1> Link 1</a></li>
<li><a href=Anker2> Link 2</a></li>
<li><a href=Anker3> Link 3</a></li>
</ul>
</nav>


Ich weiß, ist jetzt nicht horizontal aber warum setzt du damit nicht einfach an? JQuery für ne Navigation. hab ich ja noch nie gesehen :D

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von FlugzeugAUT
19.07.2016, 12:25

Ja warum hab ich es nicht extern? :D Weil dort dauernd irgendwelche Elemente überschrieben werden. Erst am Schluss, wenn alles passt, dann kann ich es extern verlagern und nach Ausschlussverfahren dann wählen, was von was überschrieben wird und wiederrum extern ausgelagert werden muss..

Ja, hab ich mit Jquery gemacht, weil ich das eben mit dem Klick so will :)

Danke für deine Antwort :)

0

Float: left
In deine li's einfügen

Antwort bewerten Vielen Dank für Deine Bewertung

Was möchtest Du wissen?