nicht angemeldet
menu mit liste frage
0 0 Berichtigung
menu mit liste frage
hallo,
ich bastle gerade ein menu und wollte ne liste nehmen, weil ich das ganze später in ein cms bauen möchte.
ein im grunde ganz einfaches menü,
punkt 1
punkt 2
punkt 3 etc
bei hover sowie activ soll es so aussehen:
punkt 1
>punkt 2 (hover bzw activ)
punkt 3
so nun stellt sich mir die frage, wie ich das innerhalb der liste
hinbekomme, da ich nur einmal die margin vergeben kann.
ich habe das bisher so gemacht, dass die menüpunkte die im ruhestand sind margin left 10px haben, bei hovver kommt ja das ">" noch davor müßte also dieser punkt margin left opx haben,
aber das gelingt mir nicht, gibt da ein anderen ansatz?
dankr für antwort
soel
-
Hallo,
bei hovver kommt ja das ">" noch davor müßte also dieser punkt margin left opx haben,
aber das gelingt mir nicht, gibt da ein anderen ansatz?Was gelingt dir denn nicht? li:hover{margin:left 0px;}
Grüße, Matze
-
Was gelingt dir denn nicht? li:hover{margin:left 0px;}
Sorry, es müsste natürlich margin-left:0px; heißen.
Grüße, Matze
-
hallo matze,
danke erstmal. nun bei hover soll vor dem wort ein ">" erscheinen...
??gruß
soel-
Hallo,
hallo matze,
danke erstmal. nun bei hover soll vor dem wort ein ">" erscheinen...
??Also im Ruhezustand soll es so aussehen
"Listenpunkt"
und mit hover so
"> Listenpunkt"
oder?Also erstellen wir doch mal den Listenpunkt und dann setzen wir mal "> " in ein span
<li>
<span>> </span>
</li>Jetzt der CSS-Teil.
Wir verstecken das span für den Ruhezustand erstmal.
li span{display:none; visibility:hidden;}
und lassen es bei Hover wieder erscheinen.
li:hover span{display:inline; visibility:visible;}Jetzt ging es dir noch darum, dass der Text auch ohne Hover 2 Zeichen eingerückt ist oder?
Das solltest du mit dem berichtigtem Teil in Verbindung mit dem leicht anpassen können.
Grüße, Matze
-
hallo,
sieht alles ganz toll aus, und eigentlich recht einfach wenn mans weiß ;-) allerdings zeigt der ie den span inhalt nicht an!?
firefox und opera ist alles wunderbar!
gibts da noch nen hack???
wie ist das mit einem activen zustand? muss ich das über javascript machen? oder gibts da auch noch nen trick?danke für antwort
soelHallo,
hallo matze,
danke erstmal. nun bei hover soll vor dem wort ein ">" erscheinen...
??Also im Ruhezustand soll es so aussehen
"Listenpunkt"
und mit hover so
"> Listenpunkt"
oder?Also erstellen wir doch mal den Listenpunkt und dann setzen wir mal "> " in ein span
<li>
<span>> </span>
</li>Jetzt der CSS-Teil.
Wir verstecken das span für den Ruhezustand erstmal.
li span{display:none; visibility:hidden;}
und lassen es bei Hover wieder erscheinen.
li:hover span{display:inline; visibility:visible;}Jetzt ging es dir noch darum, dass der Text auch ohne Hover 2 Zeichen eingerückt ist oder?
Das solltest du mit dem berichtigtem Teil in Verbindung mit dem leicht anpassen können.
Grüße, Matze
-
Hallo,
bitte versuch kein TOFU zu verwenden.
sieht alles ganz toll aus, und eigentlich recht einfach wenn mans weiß ;-) allerdings zeigt der ie den span inhalt nicht an!?
firefox und opera ist alles wunderbar!
gibts da noch nen hack???Keine Ahnung was da schief läuft.
wie ist das mit einem activen zustand? muss ich das über javascript machen? oder gibts da auch noch nen trick?
Was verstehst du unter "aktiv"?
"Aktiv" im Verständnis von HTML und CSS bezeichnet nur "den Zustand solange der Mausbutton darüber gedrückt wird".
Also _nicht_ ob der Link auf die aktuelle Seite verweist.
Das müsstest du mit einer anderen Sprache, z.B. JaveScript, lösen.Grüße, Matze
-
Hallo,
sieht alles ganz toll aus, und eigentlich recht einfach wenn mans weiß ;-) allerdings zeigt der ie den span inhalt nicht an!?
Soweit ich weiß ignoriert der IE die Pseudoeigenschaft Hover bei Listen.
Ich hab aber keine Ahnung ob es dafür ein Workaround gibt.Grüße, Matze
-
-
-
-
-
-