Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag12.02.2009 um 19:02 (UTC)    
Titel: Problem mit Navi

Hallo,
möchte meine Navi unterm Header erweitern auf 7 Menüpunkte. Sobald ich aber mehr als 5 Punkte habe, reihen sich die nächsten Menüpunkte unter der eigentlichen Leiste an, als ob eine neue Reihe angefangen würde. Sehts euch mal auf meiner Seite an.

Anmerkung: die Untermenüs werden überarbeitet, die passen teilweise nicht mehr zusammen Wink

Hier mein Code für das Menü:

<style type="text/css" media="screen">
<!--
body
{ font-family: Verdana, sans-serif;
font-size: 10px;
overflow: auto;
padding: 12px;
margin: 0px;}

ul, li
{list-style-type: none;
padding: 0px;
margin: 0px;}

div.menu
{ position: absolute;
z-index: 3;
top: 212px;
left: 50%;
margin-left:-450px;
width: 60%;}

.menu li
{ width: 130px;
float: left; }

.menu a
{
background-image:url(http://80.190.202.79/pic/s/spotting-fever/sidebarheadingairport2.jpg);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 13px;
color: #6a6a6a; }

.menu a:hover
{ background-color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{ font-size: 9px;
display: none;
width: 350px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4, #smenu5 a, #smenu6 a, #smenu7 a
{ font-size: 11px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer; }
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{ with (document)
{ if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block'; } }

function cache(id)
{ with (document)
{ if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none'; } }
//-->
</script>
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://spotting-fever.de.tl/Galerie.htm" target="_self">Fotos</a></li>
<li><a href="http://spotting-fever.de.tl/Videos.htm" target="_self">Videos</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Galerie</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://spotting-fever.de.tl/DUS-Flugplan.htm" target="_self">Flugplan</a></li>
<li><a href="http://spotting-fever.de.tl/DUS-Wetter.htm" target="_self">Wetter</a></li>
<li><a href="http://spotting-fever.de.tl/Spotting-in-D.ue.sseldorf.htm" target="_self">Guide</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Über mich</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://spotting-fever.de.tl/ESS-Wetter.htm" target="_self">Wetter</a></li>
<li><a href="http://spotting-fever.de.tl/Spotting-in-Essen-s-M.ue.lheim.htm" target="_self">Guide</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Kontakt</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://spotting-fever.de.tl/DUS-Flugplan.htm" target="_self">Flugplan</a></li>
<li><a href="http://spotting-fever.de.tl/DUS-Wetter.htm" target="_self">Wetter</a></li>
<li><a href="http://spotting-fever.de.tl/Spotting-in-D.ue.sseldorf.htm" target="_self">Guide</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">LINKS</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://spotting-fever.de.tl/Bannerlinks.htm" target="_self">Bannerlinks</a></li>
<li><a href="http://spotting-fever.de.tl/Links.htm" target="_self">wichtige Seiten</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Kontakt</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="http://spotting-fever.de.tl/DUS-Flugplan.htm" target="_self">Flugplan</a></li>
</ul>
</li>

</div>
-->
</style>
<div align="center">


Zuletzt bearbeitet von spotting-fever am 12.02.2009, 20:03, insgesamt einmal bearbeitet
Beitrag12.02.2009 um 19:17 (UTC)    
Titel:

Zitat:
div.menu
{ position: absolute;
z-index: 3;
top: 212px;
left: 50%;
margin-left:-450px;
width: 60%;}
Änder dort mal das rote auf 100%

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag12.02.2009 um 20:58 (UTC)    
Titel:

Hat geholfen, danke schonmal Smile

Habe noch eine Frage:
wenn ein Menüpunkt ein einzelner Button sein soll, ohne dass Untermenüs ausklappen, wie muss ich dann den Code ändern?
Also so, dass ich z.b. auf Gästebuch oben klicke und dann auch das Gästebuch erscheint und nicht ein Aufklappmenü mit Auswahlmöglichkeitne...



DANKE


Zuletzt bearbeitet von spotting-fever am 12.02.2009, 22:21, insgesamt 2-mal bearbeitet
Beitrag12.02.2009 um 22:07 (UTC)    
Titel:

Könntest es so machen:
Zitat:
<li><a href="Adresse""javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Gästebuch</a>
<ul id="smenu8" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
</ul>
</li>
Dann beim rot makierten die Adresse eingeben...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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