zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit Klappmenü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.03.2010, 18:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.03.2010
Beiträge: 1
master111 befindet sich auf einem aufstrebenden Ast
Standard Problem mit Klappmenü

Hallo,

ich verzweifele bei der Erstellung eines Klappmenüs. So soll es mal aussehen:



HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Test</title>
<STYLE TYPE="text/css" LANG="css">
<!--
#men {
margin: 130px 0 0 0;
}
#men ul {
list-style-type: none;
margin:0;
padding:0;
}
#men li {
position: relative;
margin:0;
padding:0;
display: inline;
float:left;
height:23px;
padding: 5px 3px 3px 3px;
margin: 0 10px 0 0;
}
#men li a {
text-decoration: none;
font-family: Arial, Helvetica, Sans-Serif;
color: #000;
padding: 5px 3px 3px 3px;
margin: 0 10px 0 0;
}
#men ul  ul, #men ul li:hover ul ul {display: none;}
#men ul  ul, #men ul li:hover ul ul {display: inline;}

#men ul  ul { border: 1px solid red; }
#men ul  ul li {width:400px; }
#men ul  ul ul li {width:200px; }

#men ul ul {position: absolute; top: 30px; left: 0; background-color: grey; }


-->
</STYLE>


</head>
<body>
<div id="men">
<ul>
<li><a href="#">Menü 1</a></li>
<li><a href="#">Menü 2</a>
        <ul>
        <li><a href="#">Unterpunkt 1</a>
                <ul>
                        <li><a href="#">Option 1</a></li>
                        <li><a href="#">Option 2</a></li>
                        <li><a href="#">Option 3</a></li>
                        <li><a href="#">Option 4</a></li>
                </ul>
        </li>
        <li><a href="#">Unterpunkt 2</a>
                <ul>
                        <li><a href="#">Option 1</a></li>
                        <li><a href="#">Option 2</a></li>
                        <li><a href="#">Option 3</a></li>
                        <li><a href="#">Option 4</a></li>
                </ul>
        </li>
        </ul>
</li>
</ul>
</div>

</body>
</html>

Frage:
1) Wie kann ich die Optionen rechts vom Unterpunkt umfließen lassen?
2) Wieso passt sich die Höhe der Unterpunkte nicht an die Optionen an?

Vielen Dank für Eure Tipps!
NIK
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css boxen, css liste, css menue, klappmenü

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
Font der Überschrift ändern (Problem) artist CSS 2 07.12.2007 11:01
Design zu CSS/HTML verarbeiten - Problem häufen sich. Grafikamateur CSS 2 06.08.2007 10:57
Problem mit WordPress und dem Bilder Upload Maxefix Serveradministration und serverseitige Scripte 0 19.12.2006 15:58
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 18:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 07:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:26 Uhr.