Seite 1 von 1

Frage zu einem css Statik Menü

Verfasst: 18.10.2012 18:49
von niwes
Hallo ,

ich habe es geschafft ein css statik menü zu installieren (also das es immer mit läuft wenn man scrollt)
jetzt hätte ich gerne das sich die menü punkte öffnen wenn man mit der Maus darüber fährt ,
(derzeit ist es so eingestellt das man auf jeden Menü punkt einmal darauf klicken muss damit man die darunter befindlichen links sichtbar werden)

in der html steht

Code: Alles auswählen

<body>
<div class="wrapper">
  <ul>
	<li id="a"><a href="#a">beispiel</a>
		<div>
demnach wird mit dem #a dem besfehl gegeben menü a zu öffnen (auf klick)
ich habe schon einiges probiert aber weis nicht mehr weiter :oops:

Re: Frage zu einem css Statik Menü

Verfasst: 18.10.2012 19:24
von Crizzo
hi,

du braucht sowas (grobe Skizze):

Code: Alles auswählen

<ul> 
<li><a href="#">Link 1</a> 
<ul> 
<li><a href="#">Unterlink 1</a></li> 
<li><a href="#">Unterlink 2</a></li>
</ul>
</li> 
<li><a href="#">Link 2</a></li>
</ul>
Jetzt musst du mit mit CSS die Unterlinks verstecken:

Code: Alles auswählen

li ul {
display: none;
}
und dafür sorgen, dass sie beim Mausüberfahren wieder auftauchen:

Code: Alles auswählen

li:hover ul {
display: block; 
}
Dann das innere "ul" noch positionieren, damit es eben quasi über den anderen Inhalten "aufklappt", sowie sonstige Gestaltung per CSS.

Genaueres steht hier im Tutorial: http://www.thestyleworks.de/tut-art/listnav.shtml (alle sechs Teile aufmerksam lesen!).


Grüße

Re: Frage zu einem css Statik Menü

Verfasst: 18.10.2012 22:40
von niwes
habe es versucht jedoch ohne erfolg .....
da das menü sich : Pure CSS DropDown Menu using :target pseudo class

bin ich der meinung das es sehr schwer für mein vorhaben umbauen lässt oder irre ich mich? (ich probier es trotzdem weiter :P )
hier der link zum menü http://deepubalan.com/blog/2011/06/17/f ... udo-class/