Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag07.09.2010 um 08:00 (UTC)    
Titel: Coolmenü hängt immer raus

Hiho LIEBE Community,

Ich habe ein Problem mit einen Coolmenü, denn ich hab eine Design bestellung,
aber wenn iich meine Testseite besuche, sind alle schon ausgeklappt. Weiß einer Warum?. Ich habe 6 Hauptmenüs, keine 5. Und hab ein CSS Design.

Hier der Code (Ohne Styletag)

Code:
/* Coolmenü */


/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

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

/* Abstand zwischen Schrift zum Rand */
li a {
padding: 5px 15px 0 15px; }
.menu li {
width: 160px;
float: left; }

<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

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

/* Abstand zwischen Schrift zum Rand */
li a {
padding: 5px 15px 0 15px; }
.menu li {
width: 160px;
float: left; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
left: 50%;
top: 378px;
margin-left: -700px;
width: 1300px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 150px;
float: left; }




/* Aussehen der Menüpunkte einstellen */
.menu a {
background: #FFD800;
background-image: url();
text-decoration: none;
text-align: center;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-image: url();
background-color: #FFD800; }


#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, {
background: #ffffff;
border: #d0d0d0 0px solid;
border-top: 0px;
z-index: 100;
font-size: 13px;
display: none;
width: 160px;
float: left; }


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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
background: #ffffff;
z-index: 100;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #828282; }

//-->
</style>

<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->




Und mein Sechstes Hauptmenü sieht so aus (Text unter den Design)

Code:
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">TESTT</a>
<ul id="smenu4" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="#">TEST</a></li>
<li><a href="#">TEST2</a></li>
<li><a href="#">TEST3</a></li>
</ul>
</li>
</div>   
</script>
Beitrag07.09.2010 um 12:08 (UTC)    
Titel:

Du hast nicht alle Menüpunkte definiert

Code:
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6,

Da du momentan eigentlich 30 Punkte hast (Menüpunkte + Untermenüs)

Danach musst du hier:

Code:
<a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">TESTT</a>
<ul id="smenu4" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">

auf die korrekte Nr. achten.
Durchgezählt inkl. der Untermenüpunkte.

Ich weiß nicht ob das wirklich der Grund ist, aber bei mir hat das immer geholfen Mr. Green

Gruß
ComicBase
Beitrag07.09.2010 um 12:37 (UTC)    
Titel:

Hi,

du hast mir sehr geholfen ;=)


mfg
samnowi
Beitrag07.09.2010 um 13:03 (UTC)    
Titel:

Bitte gern Mr. Green

Gruß
ComicBase
Beiträge der letzten Zeit anzeigen:   


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