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> |