✔ Grafisches Menü im Header

Status
Nicht offen für weitere Antworten.
So
CSS: 
#Header {
width:868px;
height:208px;
background:url(images/header.png);
position:absolute;
}

#menu {
list-style:none;
margin:150px 0 0 0;
padding:0;
}
oder so
CSS: 
#menu {
list-style:none;
margin:0;
padding:0;
position:relative;
top:150px;
}
sollte dem Glück nichts mehr im Wege stehen.

mfg Maik
 
so habe das menü jetzt hinbekommen und auch einen overmouse für jeden button.
Habe jetzt nur ein Problem mit dem Dropdown menü.

Habe den Css code von der Seite: http://www.cssplay.co.uk/menus/artists_dd.html bei mir eingefügt.

Jetzt weiß ich aber nicht wie ich den css code auf mein Menü anwenden kann.
Den HTML code der dort dabei war hab ich nicht geblickt.

Mein Html Code ist:

Code: 
<div id="Header">
    <ul id="menu">
         <li><a href="#" id="home"><span>Home</span></a></li>
         <li><a href="#" id="graphics"><span>Graphics</span></a></li>
         <li><a href="#" id="designs"><span>Designs</span></a></li>
         <li><a href="#" id="requests"><span>Requests</span></a></li>
         <li><a href="#" id="archiv"><span>Archiv</span></a></li>
         <li><a href="#" id="sonstiges"><span>Sonstiges</span></a></li>

     </ul>
</div>

Ich Hoffe mir kann wieder jemand Helfen^^
(Meine Testseite: http://mariographics.de/test/indextest.php
mfg
 
Zuletzt bearbeitet:
Hi,

die Frage müsste wohl eher lauten, wie du dein Listenmenü zu solch einem Dropdown ausbaust :D

Vielleicht solltest du dich zunächst etwas in die Materie einlesen, bevor du dich auf Stus CSS-Menüs stürzst, die für den Einsteiger durch ihr komplexes HTML-Markup abstrakt und unübersichtlich wirken. Dabei verfolgt er hiermit nur das Ziel, diese Menüs ohne Javascript-Unterstützung in den älteren IE-Versionen (bis IE6) zum Laufen zu bringen, da sie die li:hover-Pseudoklasse zum Einblenden der Untermenüs nicht unterstützen.

Okay, hier mal zwei deutschsprachige Ressourcen:


mfg Maik
 
ja danke wieder für die schnelle antwort!!
ich versteh die codes eigentlich
Mein Problem ist eig. nur wie ich das auf mein bereits vorhandes menü anwenden kann....
 
Dein vorhandenes Menü müsste dazu erstmal die einzelnen Untermenüs besitzen, um mit CSS entsprechend formatiert werden zu können, damit sie zunächst versteckt, und beim Überfahren der Links angezeigt werden.

Hier mal anhand des Menüpunktes "Home":
HTML: 
<div id="Header">
    <ul id="menu">
         <li><a href="#" id="home"><span>Home</span></a>
                <ul>
                    <li><a href="#">Subhome</a>
                           <ul>
                               <li><a href="#">Subsubhome</a></li>
                           </ul>
                    </li><!-- /Subhome -->
                </ul>
         </li><!-- /Home -->
         <li><a href="#" id="graphics"><span>Graphics</span></a></li>
         <li><a href="#" id="designs"><span>Designs</span></a></li>
         <li><a href="#" id="requests"><span>Requests</span></a></li>
         <li><a href="#" id="archiv"><span>Archiv</span></a></li>
         <li><a href="#" id="sonstiges"><span>Sonstiges</span></a></li>
     </ul>
</div>
CSS: 
#menu li ul,
#menu li:hover ul li ul {
      display:none;
}
#menu li:hover ul,
#menu li ul li:hover ul {
      display:block;
}

mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück