hi
ichh abe ine problem mit meinem coolmenü
ich habe ine anleitung von den tuts genommen und dann habe ich halt ein bisschen rumexperimentiert
bei mir geht aber der menüpunkt chat nicht
stattdessen steht menüpunkt1 dort
nicht wundern wegen dieser homepage
es ist nur eine testseite wo ich das neue design machen
hier der code den ich im moment habe:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 5px;
}
/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 135px;
left: 50%;
margin-left:-455px;
width:905px;
}
/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 185px;
float: left;
}
/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #C0C0C0;
background-image: url(http://img.webme.com/pic/s/success4you/navfire.gif; )
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 35px;
color: #000000;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #FFFFFF;
background-image: url(URL);
}
/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 185px;
float: left;
}
/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFFFFF;
}
/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #C0C0C0;
background-image: url(URL);
}
/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 185px;
float: left;
}
/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
background-color: #FFFFFF;
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #000000;
}
//-->
</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 -->
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Spaß</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<!-- Menupunkt1 = Überschrift
Menupunkt1.1 und Menupunkt1.2 = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:
<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>
-->
<li><a href="http://www.philipp7.de.tl/Spiele.htm">Spiele</a></li>
<li><a href="http://Menupunkt1.2.htm">The Beatles</a></li>
<li><a href="http://Menupunkt1.2.htm">Die Toten Hosen</a></li>
<li><a href="http://www.philipp7.de.tl/Umfragen.htm">Umfragen</a></li>
<li><a href="http://www.philipp7.de.tl/Galerie/index.htm">Galerie</a></li>
<li><a href="http://Menupunkt1.2.htm">Umfragen</a></li>
<li><a href="http://www.philipp7.de.tl/Link.htm>Links</a></li>
<li><a href="http://www.philipp7.de.tl/Einloggen.htm>Einloggen</a></li>
<li><a href="http://www.philipp7.de.tl/Chat.htm>Chat</a></li>
<!-- Hier können weitere Menüs eingefügt werden, einfach den oberen Teil kopieren und anpassen
'smenu1' muss dann entsprechend hochgezählt werden (4x)
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>
<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>
</ul>
</li>
-->
</div>
