Hallo ich Grüße euch alle, die dies mitlesen
Ich habe mal ein Kleine Frage zu meinem Coolmenü ^^
Bei meinem momentanen Cm-Code ist es so, dass das ganze Menü optimal für die Bildauflösung 1280x1024 px ist, wenn man aber meine HP in der Auflösung 1024x768 px oder aber auch größer als 1280x1024 px Größe betrachtet, dann fällt es soffort auf, dass das komplette Menü nach links bzw. nach rechts verschoben wird!
Was muss ich in Meinem Code ändern bzw. ergänzen um dies zu vermeiden!?
Zitat: <style type="text/css" media="screen">
<!--
body
{
font-family: Cambria;
font-size: 16px;
overflow: auto;
padding: 0px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: -;
margin: 0px;
}
li a
{
padding-right: -;
padding-top: -;
}
div.menu
{
position: absolute;
z-index: 3;
top: 130px;
left: 47%;
margin-left: -412px;
width:900px;
}
.menu li
{
width: 180px;
float: left;
}
.menu a
{
border: 0px solid #000000;
background-color: #none;
background-image: url(http://img.webme.com/pic/m/muchloads/button7.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 25px;
color: #38C0FF;
}
.menu a:hover
{
background-color: #none;
background-image: url(http://img.webme.com/pic/m/muchloads/button-micro.png);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</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 onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> HP - Übersicht</a></a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://muchloads.de.tl/Home2.htm ">Home</a></li>
<li><a href="http://muchloads.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://muchloads.de.tl/Forum/index.htm">Forum</a></li>
</ul>
</li>
<li><a href="http://muchloads.de.tl/GB_Pics/index.htm "> GB-Pics </a></li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);">4 You</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://muchloads.de.tl/GFX.htm">GFX</a></li>
<li><a href="http://muchloads.de.tl/Wallpapers.htm">Wallpapers<img border="0" src="http://i42.tinypic.com/2r7wxtl.jpg" alt="" /></a></a></li>
<li><a href="http://muchloads.de.tl/Service.htm">Service</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> Links</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://muchloads.de.tl/Link-US.htm">Link US</a></li>
<li><a href="http://muchloads.de.tl/HP_Partner.htm">HP - Partner</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="javascript:void(0);"> Unterhaltung</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://muchloads.de.tl/Videos.htm">Videos</a></li>
<li><a href="http://muchloads.de.tl/Music.htm">Music-MP3<img border="0" src="http://i42.tinypic.com/2r7wxtl.jpg" alt="" /></a></a></li>
<li><a href="http://muchloads.de.tl/Radio.htm">Music-Radio<img border="0" src="http://i42.tinypic.com/2r7wxtl.jpg" alt="" /></a></li>
<li><a href="http://muchloads.de.tl/Jokes.htm">Jokes</a></li>
</ul>
</li>
Ich bedanke mich bereits jetzt über jede verfügbare Hilfe
Mit freundlichen Grüßen,
Stan
______________