CSS Dropdown Menü rechts ausklappen?

[Hannibal08]

Dropdownmenü im div Container deklarieren?

Hallo,

ich habe eine Frage und zwar müssen Menüklassen innerhalb eines div Containers deklariert werden? Ich stelle den Code unten rein? Ich will ein Dropdownmenü auf der linken Seite der Homepage realisieren.

HTML Code:

<div id="links">
<h2>Navigation</h2>

<ul class="cssmenu">

<li><a href="index.html">Start</a></li>
<li><a href="">""</a></li>
<li><a href="">""</a>

<ul>
<li><a href="">""</a></li>
<li><a href="">""</a></li>
<li><a href="">""</a>
<li><a href="">""</a>
<li><a href="">""</a>
<li><a href="">""</a>
</li>

</ul>
<li><a href="">""</a>
<ul>
<li><a href="">""</a></li>
<li><a href="">""</a></li>
</ul>
</li>
<li><a href="">""</a>
<ul>
<li><a href="">""</a></li>
<li><a href="">""</a></li>
<li><a href="">""</a></li>
<li><a href="">""</a></li>
<li><a href="">""</a></li>
<li><a href="">""</a></li>
</ul>
</li>
</ul>

</div>


CSS Code:

ul.cssmenu {
position: relative;
display: block;
margin: 20px;
padding: 20px;
}
ul.cssmenu ul {
position: relative;
display: none;
}
ul.cssmenu li {
position: relative;
display: inline;
float: left;
}
/* Menupunkt stylen */
ul.cssmenu li a {
font-family: arial, sans-serif;
font-size: 16px;
line-height: 20px;
text-decoration: none;
text-align: center;
display: block;
width: 100px;
height: 20px;
}
ul.cssmenu li:hover > a {
background-color: #666666;
color: #FFFFFF;
font-weight: bold;
}
/* Untermenüpunkt einblenden */
ul.cssmenu li:hover > ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
display: inline;
}
/* ab zweite Ebene */
ul.cssmenu li li:hover > ul {
top: 0px;
left: 110px;
}
ul.cssmenu li li a {
width: 150px;
}
/* Farben der einzelnen Ebenen (werden vererbt)*/
ul.cssmenu a {
color: #000000;
background-color: #e4e4e4;
}
ul.cssmenu ul a {
background-color: #d4d4d4;
}
ul.cssmenu ul ul a{
background-color: #c4c4c4;
}
ul.cssmenu ul ul ul a{
background-color: #b4b4b4;
}

/* zusätzliche Styleangaben für IE 6 */
/* das Menü wird dort untereinander dargestellt */
ul.cssmenu {
_text-indent: 10px;
}
ul.cssmenu ul {
_display: inline;
_margin-left: 0px;
_text-indent: 20px;
}
ul.cssmenu ul ul {
_text-indent: 30px;
}
ul.cssmenu ul ul ul {
_text-indent: 40px;
}
ul.cssmenu li {
_float: none;
}
/* Menupunkt stylen */
ul.cssmenu li a {
_text-align: left;
_width: 150px;
}
ul.cssmenu a:hover {
_font-weight: bold;
_background-color: #666666;
}


MFG

Hannibal08

 

[mona1984]

AW: CSS Dropdown Menü rechts ausklappen?

wenn du mir jetzt noch verraten kannst was genau du wissen willst. könnte ich dir auch helfen

 

[Hannibal08]

AW: CSS Dropdown Menü rechts ausklappen?

Ich will wissen, ob ein Dropdown Menü in einem div Container deklariert werden muss oder ob eine Klasse ausreicht. Ich würde auch gerne ein Codebeispiel für ein CSS Dropdownmenü sehen. Die üblichen Seiten kenne ich schon als Stu usw., aber da ist mir der Code zu komplex!

 

[schluggy]

AW: CSS Dropdown Menü rechts ausklappen?

Ich will wissen, ob ein Dropdown Menü in einem div Container deklariert werden muss oder ob eine Klasse ausreicht.

Du weist schon wofür man DIV-Container benötigt?
Hängt davon ab, ob dein CSS die Klasse im HTML-lement haben will, oder eher in einem übergeordneten DIV.

 

[Hannibal08]

AW: CSS Dropdown Menü rechts ausklappen?

Ja damit kann man doch die Seite besser struktutieren, als mit Tabellen. Die CSS Anweisungen sollen in einer separaten CSS Datei deklariert werden.

Ich wollte meine Seite folgendermaßen aufbauen:

Kopfzeile (wo das Banner hin soll)
linke Navigationsleiste mit CSS Dropdownmenü
Mitte (Inhalt)
Fußzeile (für Impressum)

Ich habe gelesen, das man class nimmt, wenn man die id mehrmals verwenden will und div, nur bei einer Anwendung?

Könntest Du mir für alle beide Varianten ein Beispiel geben und ich probiere es dann aus?

Danke!


MFG

Hannibal08

 

[oliverdega]

AW: CSS Dropdown Menü rechts ausklappen?

Falls du Dreamweaver benutzt würde ich dir Spry empfehlen.
Da kannst du deine Navigation schön grafisch einstellen die dann in der hinterlegten CSS Datei abgespeichert wird.

 

[schluggy]

AW: CSS Dropdown Menü rechts ausklappen?

Ich habe gelesen, das man class nimmt, wenn man die id mehrmals verwenden will und div, nur bei einer Anwendung?

class nutzt man wenn man die CSS-Klasse mehrfach nutzen will. Bei id nutzt man die CSS-Klasse genau einmal.

MNan kann jetzt schreiben <ul class="hubba"> oder <div class="hubba"><ul>. Wie man es macht, hängt davon ab, was die CSS-Klasse genau machen soll bzw. auf welches Element sich das bezieht.

 

[swsde]

AW: CSS Dropdown Menü rechts ausklappen?

Schau Dir vlt. das hier mal an:

A demonstration of Pure CSS Flyouts in action

gruß
th.

 

[Hannibal08]

AW: CSS Dropdown Menü rechts ausklappen?

Okay vielen Dank für die Hinweise, ich habe es hinbekommen.

Ich habe nur ein Problem und zwar wie kann ich die linke Navigationsleiste an die Inhaltsleiste anpassen, also das die Hintergrundfarbe durchgängig angezeigt wird und nicht mittendrin aufhört?