[S] Hilfe für Dropdown-Menu

05/06/2013 02:43 Fehlgeschlagen#1
Hay,

Ich suche eine Personen sie sich gut mit CSS3 und Dropdown menu's auskennen.
Die auch so nett sein würde und mir ein CSS-Dropdown menu coden würde.

Bitte behaltet eure Tutorials für euch ich habe schon einige ausprobiert,
jedoch bekomme ich es nicht so hin wie ich es möchte. Ich bekomme es nur
hin das alles Verbuggt und verschoben aussieht.

Hierbei handelt es sich nur um rein den CCS code der geschrieben werden
muss.

Navigation-Höhe: 50px
Navigation-Breite: 1000px
Dropdown-Menu Farbe: #5f0604

Screen:

HTML Code:
<div class="navigation">
	<ul>
		<li>
			<label>
				<a href="">News</a>
			</label>
			<ul>
				<li><a href="">PatchLog</a></li>
			</ul>
		</li>
		<li>
			<label>
				<a href="">Community</a>
			</label>
			<ul>
				<li><a href="">Forum</a></li>
			</ul>
		</li>
		<li>
			<a href="">Register</a>
		</li>
		<li>
			<a href="">Download</a>
		</li>
		<li>
			<label>
				<a href="">Ranking</a>
			</label>
			<ul>
				<li><a href="">Player Ranking</a></li>
				<li><a href="">Guild Ranking</a></li>
				<li><a href="">Vote Ranking</a></li>
				<li><a href="">War Ranking</a></li>
			</ul>
		</li>
		<li>
			<label>
				<a href="">User-CP</a>
			</label>
			<ul>
				<li><a href="">Premium Shop</a></li>
				<li><a href="">User Control Panel</a></li>
				<li><a href="">Blocked Accounts</a></li>
			</ul>
		</li>
	</ul>
</div>
05/06/2013 08:59 MrPuschel#2
Quote:
Bitte behaltet eure Tutorials für euch ich habe schon einige ausprobiert,
jedoch bekomme ich es nicht so hin wie ich es möchte.
So eine Formulierung ist immer ganz schlecht. Dann schreib wenigstens "Ich fühle mich zu blöd dafür deshalb suche ich jemanden der mir das schenkt. Bitte. Danke".

Hier, kopier dir einfach den Code: [Only registered and activated users can see links. Click Here To Register...]
05/06/2013 14:19 Fehlgeschlagen#3
Quote:
Originally Posted by MrPuschel View Post
So eine Formulierung ist immer ganz schlecht. Dann schreib wenigstens "Ich fühle mich zu blöd dafür deshalb suche ich jemanden der mir das schenkt. Bitte. Danke".

Hier, kopier dir einfach den Code: [Only registered and activated users can see links. Click Here To Register...]

-.- genau das hab ich paar mal versucht... um genau zu sein 5 mal
aber bin zu blöd um es fertig zu bekommen...

Also wäre nett wenn mir einer das schreiben würde...
05/06/2013 14:54 Der-Eddy#4
Quote:
Originally Posted by Fehlgeschlagen View Post
-.- genau das hab ich paar mal versucht... um genau zu sein 5 mal
aber bin zu blöd um es fertig zu bekommen...

Also wäre nett wenn mir einer das schreiben würde...
[Only registered and activated users can see links. Click Here To Register...]
Einfach den Code 1:1 abkopiert und es geht :confused:

eigentlich sind nur ein paar Sachen wichtig:
Code:
nav ul ul {
    display: none;
}
nav ul li:hover > ul {
    display: block;
}
Das erste enthällt die Dropdown Navigation aber lässt diese verschwinden durch display: none;
wenn man jetzt auf das Element davor (der Liste also) mit der Maus drüber geht wird der hover Bereich ausgeführt
in diesem Fall lässt er das Dropdown Menü erscheinen das vorhin noch weg war
der Rest hat eigentlich nur kosmetischen Nutzen und macht das ganze ansehnlicher
05/06/2013 21:58 Fehlgeschlagen#5
@Der-Eddy

Naja, Ich weiß zwar nicht wie ichs geschafft habe aber auf einmal wollte
das ding so aussehen wie ich es mir vorgestellt habe.. nun ja egal solange es
nun funktioniert.

PS: Ich weiß was die css codes bedeuten ? xD.. ich wusste nur nich welche für
ein funktionierendes dropdown menu erforderlich sind das es auch so aussieht wie man das möchte ich habs nur schafft das alles schief und krum ausgesehen hat.

#Kann geschlossen werden;