zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Menustruktur vertikal, horizontal, vertikal

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.01.2010, 10:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2010
Beiträge: 4
anneon befindet sich auf einem aufstrebenden Ast
Unglücklich Menustruktur vertikal, horizontal, vertikal

Hi zusammen,

ich habe ein Problem mit der 3 Ebene in meiner Menustruktur.

Die ersten zwei Ebenen funktionieren ganz wunderbar, die
horizontale linie wird immer direkt an den aktiven Punkt ran gesetzt.
Die 3 Ebene müsste jetzt aber direkt unter dem aktiven Punkt auf der 2
Ebene angezeigt werden. Aber der verschiebt sich immer um genau einen
Punkt nach rechts.

Hat jemand von euch einen Rat warum das so ist und wie
ich das Problem lösen kann?

Ein grosses Danke schonmal im voraus.

anneon

HTML CODE
HTML-Code:
<div id="menu">
    <ul>
        <li>
                <ul>
                    <li><a href="#">Ebene 1a</a></li>
                    <li><a href="#">Ebene 1b</a>
                        <ul class="sub1">
                            <li><a href="#">Ebene 2a</a></li>
                            <li><a href="#">Ebene 2b</a></li>
                            <li><a href="#">Ebene 2c</a>
                                <ul class="sub2">
                                <li><a href="#">Ebene 3a</a></li>
                                <li><a href="#">Ebene 3b</a></li>
                                <li><a href="#">Ebene 3c</a></li>
                                <li><a href="#">Ebene 3d</a></li>
                                <li><a href="#">Ebene 3e</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Ebene 2</a></li>
                            <li><a href="#">Ebene 2</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Ebene 1c</a></li>
                    <li><a href="#">Ebene 1d</a></li>
                </ul>
         </li>
     </ul>
</div>
CSS CODE
Code:
#menu {
width: 100px;
}

#menu ul {
list-style: none;
padding: 0;
text-align:right;
}

#menu a {
text-decoration: none;
margin: 0;
padding: 2px 0 0 0px;
font-size: 10pt;
}

#menu a:hover {
color: #3e3d40;
}

#menu li {
position: relative;
}

#menu ul ul  {
list-style: none;
padding: 0;
text-align:right;
}

#menu ul ul ul  {
position: absolute;
top: 0;
left: 100%;
width: 100%;
display:inline;
text-align:left;
padding: 0 0 0 0px;
margin: 0;
white-space:nowrap;
}

#menu ul ul ul li {
display: inline;
list-style-type: none;
padding-right: 0px;
height: 25px;
visibility:hidden;
}

#menu ul ul ul ul li {
display: block;
height: 25px;
position:relative;
top: 25px;
left:0px;
margin: 0 0 0 0px;
visibility:hidden;
}

#menu ul ul li:hover ul li,
#menu ul ul a:hover ul li{
visibility: visible;
}

#menu ul ul ul li:hover ul li,
#menu ul ul ul a:hover ul li{
	visibility: visible;
}

#menu ul ul:hover ul ul li{
	visibility: hidden;
}
Angehängte Grafiken
Dateityp: png menu.png (16,0 KB, 5x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.01.2010, 12:29
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Füg' mal das noch mit ein
Code:
#menu ul ul ul ul {
	left: 0;
}
Zur Erklärung:

"#menu ul ul ul" greift auch bei "#menu ul ul ul ul", somit wird der linke Offset um 100% nach rechts verschoben, was korrigiert werden muss.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.01.2010, 15:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2010
Beiträge: 4
anneon befindet sich auf einem aufstrebenden Ast
Standard

hat funktioniert!

danke vielmals für deine hilfe.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS-Seite horizontal und vertikal zentrieren! Boof CSS 20 05.02.2010 13:23
Hintergrundbild vertikal UND horizontal zentrieren? yggdrasil CSS 3 06.07.2008 11:19
Tabellenloses Layout - Horizontal 100% vertikal zentriert. Probleme :( strohy CSS 8 23.02.2007 09:59
container horizontal und vertikal zentrieren forumwurm CSS 11 30.08.2004 17:30
Bild horizontal und vertikal zentrieren Anonymous CSS 10 18.06.2003 12:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:33 Uhr.