Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag13.01.2013 um 05:29 (UTC)    
Titel: Eigene Drop-Dpwn Navigation

Hi zusammen,

Ich hab hier ein kleines Problem mit meinem Dropdown menü, hab es hier mal auf einer meiner Testseiten ausprobiert bvor ich es in die eigentliche Seite einbaue

Problem: der hover effekt soll für das untermenü ein anderer sein und der für das hauptmenü soll am Hauptmenü stehen bleiben solange man das untermenü berührt.

hier mal die die Testseite wie ichs bis jetzt hab

http://1618240915831648.de.tl/

und hier mein "Text über dem Design"
Zitat:

<style type="text/css">
<!--
#nav_Home{display:none;}
-->
</style>



<div id="menu">
<ul>
<li class="topmenu">
<a href="">BVRGHOF</a>
<ul>
<li class="submenu"><a href="">BUCHUNG ANFRAGEN</a></li>
<li class="submenu"><a href="">KONTAKT</a></li>
<li class="submenu"><a href="">Facebook<br/><br/><br/><br/><br/></a></li>
</ul>
</li>
<li class="topmenu">
<a href="">AKTVELL</a>
<ul>
<li class="submenu"><a href="">MITTEILUNG</a></li>
<li class="submenu"><a href="">TERMINE<br/><br/><br/><br/><br/></a></li>
</ul>
</li>
<li class="topmenu">
<a href="">VEBER VNS</a>
<ul>
<li class="submenu"><a href="">RITTER & GEFOLGE</a></li>
<li class="submenu"><a href="">UNSER RITTERLAGER</a></li>
<li class="submenu"><a href="">WAS WIR BIETEN</a></li>
<li class="submenu"><a href="">CHRONIK<br/><br/><br/><br/><br/></a></li>
</ul>
</li>
<li class="topmenu">
<a href="">BILDER</a>
<ul>
<li class="submenu"><a href="">2013</a></li>
<li class="submenu"><a href="">2012</a></li>
<li class="submenu"><a href="">2011</a></li>
<li class="submenu"><a href="">ARCHIV<br/><br/><br/><br/><br/></a></li>
</ul>
</li>
<li class="topmenu">
<a href="">FREVNDE</a>
<ul>
<li class="submenu"><a href="">Befreundete Gruppen</a</li>
<li class="submenu"><a href="">Gaeste</a></li>
<li class="submenu"><a href="">Sponsores</a></li>
<li class="submenu"><a href="">Seelenfänger</a></li>
<li class="submenu"><a href="">Veranstalter</a></li>
<li class="submenu"><a href="">Schmiede und Heerlager<br/><br/><br/><br/></a></li>
</ul>
</li>
</ul>
</div>



und hier mein CSS Code
Zitat:

#menu {
font-size:18px;
position:absolute;

}

#menu ul {
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
}

#menu li.topmenu {
float:left;
}

.topmenu a {
float:left;
width:140px;

text-align:center;
}

.topmenu ul{
display:none;
}

.topmenu a, .submenu a{
padding:14px 5px;
border:0px solid #C37000;
border-collapse:collapse;
color:#FBFBEF;
font-weight:bold;
text-decoration:none;
background-image: url(http://img.webme.com/pic/1/1618240915831648/sandsteinbox_2.jpg);
margin:0;
}

.submenu a{
font-size:16px;
width:140px;
position:relative;
background-image: url(http://img.webme.com/pic/1/1618240915831648/ubmenbg2.png);
clear:both; /* special IE6 */
}



#menu a:hover, .topmenu.on a {
color:#29220A;
background-image: url(http://img.webme.com/pic/1/1618240915831648/ddmainmenhover.jpg);
}


.topmenu:hover ul {
display:block;
z-index:500;

}


Vielleicht kann mir ja jemand weiterhelfen
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de