Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.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>
Beitrag02.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 Wink

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
Beitrag02.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. Embarassed
Beitrag02.06.2009 um 08:18 (UTC)    
Titel:

An der Stelle, die ich rot markiert habe fehlte noch ein "u" Wink
Beitrag02.06.2009 um 19:00 (UTC)    
Titel:

Smile Smile

Super vielen Dank
Beitrag02.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.
Beitrag02.06.2009 um 22:13 (UTC)    
Titel:

Hi, dazu habe ich den Code oben nochmal editiert Wink
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
Beitrag02.06.2009 um 22:17 (UTC)    
Titel:

den Code den du geschrieben hast?
Beitrag02.06.2009 um 22:26 (UTC)    
Titel:

So, ich glaube, das problem hat sich durch diesen Thread erledigt, oder? Wink
http://www.homepage-baukasten.de/forum/viewtopic.php?t=97267

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