Ich habe nun 2 Coolmenüs. "Juhu", aber wenn ich die Seite lade, sind beim unteren die Subs sichtbar. Fahre ich dann mit der Maus drüber, gehen sie weg und alles wird normal. Aber so kann das doch nicht sein?
________________________
Hallo schönes Pfingsten schon mal
Also, ich habe ein wenig Platzprobleme. Und nun kam mir die geniale Idee, unter mein jetziges Coolmenü einfach ein 2. zu setzen (farblich ein wenig abgesetzt, aber das ist nicht weiter wichtig an dieser Stelle
)
Aber meine geniale Idee scheint nicht zu klappen, denn mein Menü hat ja keinen Namen, also wenn ich ein zweites einsetze, müsste der Code ja überschrieben werden, oder?
Gibt es Abhilfe und Möglichkeiten?
Vorsichthalber schon einmal mein Code aus "Text über dem Design":
Code: <div id="Testdesign2">
<style type="text/css">
<!--
img{border:0px;}
-->
</style>
<style type="text/css">
<!--
#Box_extra
{
position: absolute;
top: 120px;
margin-left: 850px;
width: 150px;
height: 55px;
font-family: Times;
font-size: 12px;
color: 58483c;
}
--> </style>
<div id="Box_extra">
<a href="http://wolfbooks.de.tl/verlage.htm"><span style="color: rgb(88, 72, 60);"><span style="font-family: Times New Roman;"><span style="font-size: small;"><strong>Wolf Books dankt:</strong></span></span></span></a><br />
<br />
<div align="center"><script language="JavaScript" type="text/javascript">
<!--
var image = new Array();
var link = new Array();
/** Hier die (Zufalls)-Bilder eintragen. **/
image[1] = 'http://img.webme.com/pic/w/wolfbooks/3.png';
image[2] = 'http://img.webme.com/pic/w/wolfbooks/7.png';
image[3] = 'http://img.webme.com/pic/w/wolfbooks/8.gif';
image[4] = 'http://img.webme.com/pic/w/wolfbooks/2.png';
image[5] = 'http://img.webme.com/pic/w/wolfbooks/9.jpg';
image[6] = 'http://img.webme.com/pic/w/wolfbooks/4.png';
image[7] = 'http://img.webme.com/pic/w/wolfbooks/1.png';
image[8] = 'http://img.webme.com/pic/w/wolfbooks/6.png';
image[9] = 'http://img.webme.com/pic/w/wolfbooks/5.png';
image[10] = 'http://img.webme.com/pic/w/wolfbooks/11.png';
image[11] = 'http://img.webme.com/pic/w/wolfbooks/11.jpg';
image[12] = 'http://img.webme.com/pic/w/wolfbooks/4270517_5d1b1d0bdf_l.jpg';
image[13] = 'http://img.webme.com/pic/w/wolfbooks/ars_logo_72dpi.jpg';
image[14] = 'http://img.webme.com/pic/w/wolfbooks/19.png';
image[15] = 'http://img.webme.com/pic/w/wolfbooks/logothiel.jpg';
image[16] = 'http://img.webme.com/pic/w/wolfbooks/brandstaetter-logo_120_52.jpg';
/** Hier die (Zufalls)-Links eintragen. **/
link[1] = 'http://aufbauverlag.de/';
link[2] = 'http://www.gmeiner-verlag.de/';
link[3] = 'http://www.droemer-knaur.de/';
link[4] = 'http://www.mira-taschenbuch.de/';
link[5] = 'http://www.pan-verlag.de/';
link[6] = 'http://arena-verlag.de/';
link[7] = 'http://www.egmont-lyx.de/';
link[8] = 'http://www.randomhouse.de/cbjugendbuch/';
link[9] = 'http://www.randomhouse.de/cbjugendbuch/';
link[10] = 'http://ana.anacondaverlag.de';
link[11] = 'http://www.klett-cotta.de';
link[12] = 'http://www.piper-verlag.de';
link[13] = 'http://www.arsedition.de/';
link[14] = 'http://www.dtv.de/';
link[15] = 'http://www.thieleverlag.com';
link[16] = 'http://www.cbv.at/';
/** Ab hier nichts mehr ändern! **/
var num = Math.random();
var ran = Math.floor((image.length - 1) * num) + 1;
document.write('<a href="' + link[ran] + '"><img src="' + image[ran] + '" border="0" /></a>');
//-->
</script></div>
</div>
<div id="Header_oben">
<table height="74" cellspacing="1" cellpadding="1" border="0" align="left" width="785" style="">
<tbody>
<tr>
<td>
<div><a href="http://wolfbooks.de.tl"><img height="75" width="89" alt="" src="http://img.webme.com/pic/w/wolfbooks/logobuch.png" /> <img height="70" width="240" alt="" src="http://img.webme.com/pic/w/wolfbooks/logoschrifthell2.png" /></a></div>
</td>
<td style="text-align: right;"><a href="http://wolfbooks.de.tl"><br />
<img src="http://img.webme.com/pic/w/wolfbooks/buchanzahl.png" alt="" /><img src="http://img.webme.com/pic/w/wolfbooks/buchanzahl.jpg" alt="" /></a> <a href="http://wolfbooks.de.tl"> <span style="color: rgb(255, 239, 213);"><span style="font-family: Times;"><em><span style="font-size: xx-large;">149<br />
</span></em></span></span></a><span style="font-family: Times;"><em><span style="font-size: xx-large;"> </span></em></span></td>
</tr>
</tbody>
</table>
</div>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Times;
font-size: 12px;
overflow: auto;
margin: 0px; }
/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }
/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
margin-top: 94px;
margin-left: 5px;
width:798px;
border-left: 1px solid #341c02;
border-right: 1px solid #341c02; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 114px;
float: left; }
/* Aussehen der Menüpunkte einstellen */
.menu a {
font-size: 11px;
background-color: #2F2723;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
padding-left: 3px;
display: block;
height: 23px;
color: #FFEFD5; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #2F2723;
color: #FFE4B4;
background-image: url(URL);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
text-align: left;
display: none;
width: 114px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a {
font-weight: bold;
text-align: left;
padding-left: 3px;
padding-top: 3px;
border-top: 0px;
cursor: pointer;
}
//-->
</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="http://wolfbooks.de.tl/"javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">WOLF BOOKS</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://wolfbooks.de.tl/Philosophie.htm">PHILOSOPHIE</a></li>
<li><a href="http://wolfbooks.de.tl/Newsblog.htm">NEWSBLOG</a></li>
<li><a href="http://wolfbooks.de.tl/Team.htm">DAS TEAM</a></li>
<li><a href="http://wolfbooks.de.tl/Kontakt.htm">KONTAKT</a></li>
</ul>
</li>
<li><a href="http://wolfbooks.de.tl/Frisch-rezensiert.htm""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"><span style="font-size: 11,5px;">FRISCH REZENIERT</span></a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://wolfbooks.de.tl/bestseller.htm">BESTSELLER</a></li>
</ul>
<li><a href="http://wolfbooks.de.tl/Heuler.htm""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">HEULER</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>
</li>
<li><a href="http://wolfbooks.de.tl/B.ue.cherfundus.htm""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">BÜCHERFUNDUS</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://wolfbooks.de.tl/Autoren-A_Z.htm">AUTOREN A-Z</a></li>
<li><a href="http://wolfbooks.de.tl/B.ue.cher-A_Z.htm">BÜCHER A-Z</a></li>
<li><a href="http://wolfbooks.de.tl/Verlage.htm">VERLAGE</a></li>
</ul>
</li>
<li><a href="http://wolfbooks.de.tl/mediathek.htm""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">MEADIATHEK</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://wolfbooks.de.tl/H.oe.rbuch.htm">HÖRBUCH</a></li>
<li><a href="http://wolfbooks.de.tl/Verfilmung.htm">VERFILMUNGEN</a></li>
<li><a href="http://wolfbooks.de.tl/kulturelle-Filme.htm"><span style="font-size: 11px;">KULTURELLE FILME</span></a></li>
<li><a href="http://wolfbooks.de.tl/Soundtrack.htm">SOUNDTRACKS</a></li>
</ul>
</li>
<li><a href="http://wolfbooks.de.tl/Eigenproduktion.htm""javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">EIGENPRODUKTION</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="http://wolfbooks.de.tl/Seifenoper.htm">SEIFENOPER</a></li>
</ul>
</li>
<li><a href="http://wolfbooks.de.tl/G.ae.stebuch.htm""javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">GÄSTEBUCH</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="http://wolfbooks.de.tl/Newsletter.htm">NEWSLETTER</a></li>
<li><a href="http://wolfbooks.de.tl/Kontakt.htm">KONTAKT</a></li>
</ul>
</li>
</div>
<style type="text/css">
<!--
#Box_extra3
{
float:left;
margin-left: 5px;
width: 798px;
height: 120px;
font-family: Times;
font-size: 12px;
color:#58483c;
margin-top:25px;
border-right: 1px solid #341c02;
border-left: 1px solid #341c02;
background: #ffefd5;
}
--> </style>
<div id="Box_extra3">
<table width="800" cellspacing="1" cellpadding="1" border="0">
<tbody>
<tr>
<br />
<td style="text-align: center;"><a href="http://wolfbooks.de.tl/Heuler.htm"><img alt="" style="height: 84px;" src="http://img.webme.com/pic/w/wolfbooks/maibanner.jpg" /></a></td>
</tr>
<tr>
<td style="text-align: center;"><a href="http://wolfbooks.de.tl/newsblog.htm"><em><span style="color: rgb(178, 34, 34);"><span style="font-family: Times;"></span> </span></em></a></td>
</tr>
</tbody>
</table>
</div>