Submenu

[user11]

Hallo,
Ich möchte ein Submenu, welches sich aber nach oben ausklappt.
Leider weiß ich nicht, wie ich dies anstellen könnte :/
Könnt ihr mir helfen? ;D

Dies habe ich bereits:

        <div class="menu">       
        <ul>         
            <li class="submenu"><a href="">Profil</a>
                <ul>
                    <li><a href="">Account Settings</a></li>
                    <li><a href="">Logout</a></li>
                </ul>
            </li>           
        </ul>
        </div>

.submenu:hover ul {
    display: block;
}
.submenu ul {
    top: 40px;
    display: none;
    list-style-type: none;
}

 

[Beavis]

mach mal top: -40px;
Dann sollte es nach oben gehen

 

[user11]

ändert sich nichts

 

[eistruhe]

Natürlich braucht .submenu ul auch noch position: relative, sonst wird top nicht richtig funktionieren

 

[user11]

Vielen Dank,
nun schaut es allerdings so aus:
___Account Settings
___Logout
Profil
(_ sind Leerzeichen, echte Leerzeichen werden vom Editor irgendwie nicht erkannt :/)

Wie kann ich machen, dass der Subcontainer gerade darüber ist, also so:
Account Settings
Logout
Profil

 

[Bennyville]

Versuch' mal zusätzlich padding-left: 0; bei .submenu ul hinzuzufügen.

 

[threadi]

Du müsstest dem <ul> die Eigenschaften

position: absolute;
bottom: 0;

und dem umgebenden <li> die Eigenschaften

position: relative;

geben. Passende z-index-Werte wären natürlich auch noch gut ;)

Moderation: Verschoben von HTML zu CSS.