Autor
Nachricht
malawidreams
02.06.2009 um 01:02 (UTC) Titel: Problem mit Coolmenü
Hallo, ich habe folgendes Problem.
Ich habe mir ein Collmenü erstellt, nur ist es so das die Unterseiten immer angezeigt werden und nicht erst dann wenn man mit der Maus auf die folgenden Kategorien geht.
Ich hoffe mir kann jemand helfen.
Hier mein Coolmenü.
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 70px;
left: 50%;
margin-left:-480px;
width: 940px
}
.menu li
{
width: 104px;
float: left;
}
.menu a
{
border: 1px solid #343434;
background-color::#000000;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 5px;
display: block;
height: 25px;
color: #000000;
}
.menu a:hover
{
background-color: :#FFFFFF;
}
#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
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="http://malawidreams.de.tl/" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>
<li><a href="http://malawidreams.de.tl/Malawisee.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Malawisee</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>
<li><a href="http://malawidreams.de.tl/Showbecken.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Showbecken</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="javascript:void(0);"> Zuchtanlage</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://malawidreams.de.tl/Zuchtanlage-1.htm">Zuchtanlage 1</a></li>
<li><a href="http://malawidreams.de.tl/Zuchtanlage-2.htm">Zuchtanlage 2</a></li>
<li><a href="http://malawidreams.de.tl/Zuchtanlage-3.htm">Zuchtanlage 3</a></li>
<li> </li>
</ul>
</li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> Stockliste</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://malawidreams.de.tl/Stockliste-Mbua.htm">Mbuna</a></li>
<li><a href="http://malawidreams.de.tl/Stockliste-Welse.htm">Welse</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://malawidreams.de.tl/Bildergalerie.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Galerie</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
</ul>
</li>
<li><a onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" href="javascript:void(0);"> Tips</a>
<ul onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" id="smenu7">
<li><a href="http://malawidreams.de.tl/Haltung.htm">Haltung</a></li>
<li><a href="http://malawidreams.de.tl/Technik.htm">Technik</a></li>
<li><a href="http://malawidreams.de.tl/Einrichtung.htm">Einrichtung</a></li>
<li><a href="http://malawidreams.de.tl/Pflanzen.htm">Pflanzen</a></li>
<li><a href="http://malawidreams.de.tl/Zucht.htm">Zucht</a></li>
<li> </li>
</ul>
</li>
<li><a onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" href="javascript:void(0);"> Kontakt</a>
<ul onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" id="smenu8">
<li><a href="http://malawidreams.de.tl/Anfahrt.htm">Anfahrt</a></li>
<li><a href="http://malawidreams.de.tl/Mail-Me.htm">Mail Me</a></li>
<li><a href="http://malawidreams.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://malawidreams.de.tl/Impressum.htm" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">Impressum</a>
<ul id="smenu2" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">
</ul>
</li>
</ul>
</div>
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
02.06.2009 um 01:24 (UTC) Titel:
So, habe dir mal den Code verbessert:
Zitat: <style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 70px;
left: 50%;
margin-left:-480px;
width: 940px
}
.menu li
{
width: 104px;
float: left;
}
.menu a
{
border: 1px solid #343434;
background-color: #FFFFFF;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 5px;
display: block;
height: 25px;
color: #000000;
}
.menu a:hover
{
background-color: #FFFFFF;
}
#smenu1, #smenu2, #smenu3, #smenu4 , #smenu5, #smenu6, #smenu7, #smenu8, #smenu9
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a,#smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a
{
font-size: 13px;
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="http://malawidreams.de.tl/" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>
<li><a href="http://malawidreams.de.tl/Malawisee.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Malawisee</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>
<li><a href="http://malawidreams.de.tl/Showbecken.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Showbecken</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Zuchtanlage</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://malawidreams.de.tl/Zuchtanlage-1.htm">Zuchtanlage 1</a></li>
<li><a href="http://malawidreams.de.tl/Zuchtanlage-2.htm">Zuchtanlage 2</a></li>
<li><a href="http://malawidreams.de.tl/Zuchtanlage-3.htm">Zuchtanlage 3</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Stockliste</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://malawidreams.de.tl/Stockliste-Mbua.htm">Mbuna</a></li>
<li><a href="http://malawidreams.de.tl/Stockliste-Welse.htm">Welse</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://malawidreams.de.tl/Bildergalerie.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Galerie</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Tipps</a>
<ul onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" id="smenu7">
<li><a href="http://malawidreams.de.tl/Haltung.htm">Haltung</a></li>
<li><a href="http://malawidreams.de.tl/Technik.htm">Technik</a></li>
<li><a href="http://malawidreams.de.tl/Einrichtung.htm">Einrichtung</a></li>
<li><a href="http://malawidreams.de.tl/Pflanzen.htm">Pflanzen</a></li>
<li><a href="http://malawidreams.de.tl/Zucht.htm">Zucht</a></li>
<li> </li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Kontakt</a>
<ul onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" id="smenu8">
<li><a href="http://malawidreams.de.tl/Anfahrt.htm">Anfahrt</a></li>
<li><a href="http://malawidreams.de.tl/Mail-Me.htm">Mail Me</a></li>
<li><a href="http://malawidreams.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://malawidreams.de.tl/Impressum.htm" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">Impressum</a>
<ul id="smenu9" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">
</ul>
</li>
</ul>
</div>
Es ist auch wichtig, dass du die Klassen im Code erweiterst
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator Zuletzt bearbeitet von der-bielefeld-club am 02.06.2009, 23:11, insgesamt 3-mal bearbeitet
↑
malawidreams
02.06.2009 um 01:36 (UTC) Titel:
Hi, funktioniert fast.
Alles Top bis auf den Punkt Zuchtanlage, da ist es immernoch so wie oben beschrieben. Die anderen Punkte passen.
↑
coolplace
Wohnort: USB = United States of Bücken
02.06.2009 um 08:18 (UTC) Titel:
An der Stelle, die ich rot markiert habe fehlte noch ein "u"
↑
malawidreams
02.06.2009 um 19:00 (UTC) Titel:
Super vielen Dank
↑
malawidreams
02.06.2009 um 21:00 (UTC) Titel:
Jetzt habe ich doch noch eine Frage, ist es möglich das dass Coolmenü über dem Text der Seite steht.
Siehe meine Seite wenn man auf Tips geht dann kann man die Unterpunkte nicht lesen weil es wie soll ich sagen übereinander ist mit dem Text der Seite.
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
02.06.2009 um 22:13 (UTC) Titel:
Hi, dazu habe ich den Code oben nochmal editiert
Einfach den Code nochmal einfügen, denn jetzt sollte es eine Hintergrundfarbe geben.
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
malawidreams
02.06.2009 um 22:17 (UTC) Titel:
den Code den du geschrieben hast?
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
↑