kramsen
Threadersteller
Dabei seit: 06.12.2008
Ort: im Anschnitt
Alter: -
Geschlecht:
|
Verfasst Mi 15.09.2010 20:38
Titel CSS Dropdown Menue |
|
|
Wunderschönen guten Abend!
Ich erstelle mir gerade ein relativ simples Homepagemenü, mithilfe von CSS und HTML.
Folgendermaßen aufgebaut:
Code: | <div id="menue"><ul id="navi">
<li id=><a href="#">Punkt 1</a>
<ul>
<li><a href="#">Angebot</a></li>
<li><a href="#">Geschichte</a></li>
<li><a href="#">Jobs</a></li>
</ul>
</li>
<li><a href="#">Punkt2</a>
<ul>
<li><a href="#">Alpha</a></li>
<li><a href="#">Beta</a></li>
<li><a href="#">Gamma</a></li>
</ul>
</li>
</ul></div> |
Code: | #navi li ul { display:none; }
#navi li:hover ul { display:block; }
#navi li { width:128px; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 400;}
#navi, #navi ul { list-style-type:none; margin:0; padding:0;}
-->
#menue {
margin-top: -40px;
position: absolute;
text-align: center;
right: 20px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
|
Nun bin ich ratlos, denn ich will den obersten 2 Menüpunkten in der Hierachie folgenden Hintergrund verpassen. http://geeblocksoundz.de/test/images/menue.png (Mit einer Div-Id kläglich versucht) Desweiteren sollen die DropdownMenüs ein Block-aussehen bekommen, sprich Hintergrund, Border etc.
Ich dachte ungefähr folgendermaßen: http://demo.templateplazza.net/?template=shop_plazza (Menü links oben)
Kann mir jemand weiterhelfen?
Zuletzt bearbeitet von kramsen am Mi 15.09.2010 20:39, insgesamt 1-mal bearbeitet
|
|