Dabei seit: 03.01.2011 Ort: Salzburg Alter: - Geschlecht: -
Verfasst Mo 03.01.2011 07:31 Titel
[CSS] Überlappen von Listenelement
Guten Tag.
Ich habe folgendes Problem:
Ich will eine vertikales flyout menu über eine Grafik überlappen lassen. Jedoch will es nicht funktionieren. Ich habe bereits versucht verschiedene Varianten von position zu verwenden und entsprechend auch negative Werte für top,margin usw. anzugeben. Hat aber alles nichts geholfen.
Hier ist der Quelltext: #navigation beiinhaltet die Formatierung für Selbige und background jene für den Hintergrund.
Code:
#navigation ul li ul {
position: relative;
margin: 0; padding: 0;
display:none;
}
#navigation li li:hover ul {
display:block;
}
#navigation li:hover ul {
position:relative;
left:auto;
top:-1px;
display:block;
}
#navigation li li {
float:none;
display:block;
height:20px;
background-color:#EEEEB0;
text-align:center;
border: 1px solid black;
}
Dabei seit: 19.10.2010 Ort: #mein{display:block} Alter: 35 Geschlecht:
Verfasst Mo 03.01.2011 10:48 Titel
sicher, dass du alle position: ausprobiert hast?. mit position:absolute ist das eigentlich kein Problem. Aber wie gesagt wurde, mit ein paar Html-Zeilchen lässt sich da doch ein wenig mehr sagen.
Dabei seit: 18.01.2009 Ort: - Alter: 42 Geschlecht:
Verfasst Mo 03.01.2011 12:00 Titel
Das Parent UL muss position: relative haben und die Child ULs absolute. Das sollte eigentlich klappen. Aber wie schon gesagt HTML-Source wäre sinnvoll, vllt ist da ja was nicht richtig...
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
Mediengestalter.info ist ein Projekt von Webformatik:: Forensoftware: phpBB