Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag13.04.2009 um 18:30 (UTC)    
Titel: Coolmenü - Fehler???

Hallo ich Grüße euch alle, die dies mitlesen Wink

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 Wink

Mit freundlichen Grüßen,
Stan
______________
Beitrag13.04.2009 um 20:47 (UTC)    
Titel:

hm? weiß denn Keiner, wie man dieses Problem beheben kann??? oO
______________
Beitrag13.04.2009 um 20:57 (UTC)    
Titel:

Wie wäre es mal mit etwas Geduld?



Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer

Beitrag14.04.2009 um 02:26 (UTC)    
Titel:

Ändere mal diesen Teil:

Zitat:
position: absolute;
z-index: 3;
top: 130px;
left: 50%;
margin-left: -449px;

width:900px;
}
Beitrag14.04.2009 um 06:22 (UTC)    
Titel:

tanjaswebsite hat Folgendes geschrieben:
Wie wäre es mal mit etwas Geduld?



Grüßle, Tanja


Sorry, kommt nicht wieder vor Embarassed

~*~*~

@ coolplace.de.tl .. Du bist der Beste Wink Hab es geändert und jetzt bleibt es auch in der 1024x768 Pixelgröße an seinem Platz! ^^

*Ob es auch da bleibt, wenn die Pixelgröße über 1280x1024 px beträgt!?* Rolling Eyes


MUCHLOADS BEDANKT SICH BEI COOLPLACE, FÜR SEINE HILFE Wink
______________
Beitrag14.04.2009 um 06:27 (UTC)    
Titel:

Bei 1280 x 1024 sieht es bei mir in IE ebenfalls in Ordnung aus. Ansonsten kann ich noch empfehlen: www.Browsershots.org. Hier kannst Du Deine Seite mit allen Browsern und in sämtlichen Auflösungen anzeigen lassen.

Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer

Beitrag14.04.2009 um 06:47 (UTC)    
Titel:

tanjaswebsite hat Folgendes geschrieben:
Bei 1280 x 1024 sieht es bei mir in IE ebenfalls in Ordnung aus. Ansonsten kann ich noch empfehlen: www.Browsershots.org. Hier kannst Du Deine Seite mit allen Browsern und in sämtlichen Auflösungen anzeigen lassen.

Grüßle, Tanja



Danke auch an TANJASWEBSITE Wink

mfg
Stan
______________
Beitrag14.04.2009 um 06:54 (UTC)    
Titel:



Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer

Beiträge der letzten Zeit anzeigen:   


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