mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:33 Benutzername: Passwort: Auto-Login

Thema: Untermenü wird in einer falschen Ebene angezeigt vom 21.06.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Untermenü wird in einer falschen Ebene angezeigt
Autor Nachricht
BonBoni
Threadersteller

Dabei seit: 31.01.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 21.06.2011 18:35
Titel

Untermenü wird in einer falschen Ebene angezeigt

Antworten mit Zitat Zum Seitenanfang

Hallo Leute,

ich hab ein kleines Problem mit meinem Untermenü.
Es taucht erst auf wenn man über den Hauptmenüpunkt gleitet.
Aber wenn das Untermenü dann auftaucht dann überdeckt es nicht den Text der neben dem Menü steht sondern ist auf der selben Ebene, sodass der Text auf dem Untermenü bleibt.

Hier seht ihr was ich meine:




Wie löse ich das Problem ? Ich habs schon mit z-index versucht aber das hat auch nichts gebracht. *Schnief*

Das Menü ist komplett mit css gemacht worden:

#menu {
width: 170px;
margin-left: 10px;
margin-top: 30px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #003;
display: block;
margin: 0;
padding: 2px 3px;
text-decoration:none;
}

#menu ul li ul li a {
padding-left: 15px;
}

#menu ul li ul li a:hover {
width: 170px;
height: 44px;
color: #FFF;
background: url(../images/hover_main.png) no-repeat;


}

a#active {
width: 170px;
height: 44px;
color: #FFF;
font-size: 14px;
background: url(../images/hover_main.png) no-repeat;
padding-top: 10px;

}



#menu ul li ul li ul li a {
width: auto;
height: auto;
color: #003;
background: url(../images/a.png);
z-index: 100;
}

#menu ul li ul li ul li a:hover {
width: auto;
height: auto;
color: #003;
text-decoration: underline;
background: url(../images/a.png);
}


#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


Freundliche Grüße

BonBoni


Zuletzt bearbeitet von BonBoni am Di 21.06.2011 18:45, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
Sp4wNi

Dabei seit: 26.10.2010
Ort: Düsseldorf
Alter: 37
Geschlecht: Männlich
Verfasst Mi 22.06.2011 08:58
Titel

Antworten mit Zitat Zum Seitenanfang

bitte den code tag verweden
hast du nen link, wäre besser wenn ich die ganze seite sehen könnte *zwinker*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 22.06.2011 12:10
Titel

Antworten mit Zitat Zum Seitenanfang

mal so vermutend ins blaue....:

http://www.w3schools.com/Css/pr_pos_z-index.asp

Zitat:

Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed)
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
BonBoni
Threadersteller

Dabei seit: 31.01.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 25.06.2011 15:25
Titel

Antworten mit Zitat Zum Seitenanfang

@pixelpapst : du bist der größte.
mit position : relative wurde das z-index erst berücksichtigt.

Dankeschön Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen PDF wird im falschen Farbraum angezeigt
Untermenü in DW CS3
Untermenü in Dreamweaver CS3
[PHP/MySQL] Menü aus DB mit Untermenü
[HTML/CSS]Untermenü auf linker Seite?
CSS: Listenelemente verschieben sich bei Hover wg. Untermenü
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.