Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.03.2010 um 13:22 (UTC)    
Titel: Coolmenü mittig??

hey user,
hab eine dickes problem mit meinem coolmenü..
also auf meinem PC ist das coolmenü mittig auf einem anderen PC mit kleinerem bildschirm nach rechts verschoben, obwohl ich bei der breite mit prozent gearbeitet hab.


Code:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Arial, sans-serif;
font-size: 14px;
overflow: auto;
margin: 5px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 17px;
padding-top: 9px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 5;
top: 150px;
left: 19%;
width:921px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 190px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #FFFFFF;
background-color:   ;
background-image: url(http://img.webme.com/pic/f/foxday/button_coolm.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 33px;
color: #FFAE00; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color:   ;
background-image: url(http://img.webme.com/pic/f/foxday/button_coolm.png);
color: #FFFFFF; }

#smenu1, #smenu2, #smenu3, #smenu4 {
font-size: 10px;
display: none;
width: 150px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a,  {
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');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://foxday.de/">Startseite</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Kontakt</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://foxday.de/Kontakt.htm">Mail</a></li>
<li><a href="http://foxday.de/Newsletter.htm">Newsletter </a></li>
<li><a href="http://foxday.de/G.ae.stebuch.htm">Gästebuch</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Stuff</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://foxday.de/Downloads.htm ">Downloads</a></li>
<li><a href="http://foxday.de/Videos.htm ">Videos</a></li>
<li><a href="http://www.foxday.de/Stuff.htm">Stuff</a></li>
<li><a href="http://foxday.de/Bilder/index.htm">Bilder</a></li>
<li><a href="http://foxday.de/Games.htm">Games</a></li>
<li><a href="http://foxday.de/Fakes.htm">Fakes</a></li>
<li><a href="http://foxday.de/Witze.htm">Witze</a></li>
<li><a href="http://foxday.de/Zaubertricks.htm">Zaubertricks</a></li>

</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Impressum</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://foxday.de/Impressum.htm ">Impressum</a></li>
<li><a href="http://foxday.de/Werben-mit-foxday.htm">Werben mit foxday.de</a></li>
<li><a href="http://foxday.de/Login.htm">Login</a></li>
</ul>
</li>



bitte helft mir ich bin völlig verzweifelt

fox
______________

foxday.de - Die Funpage im Web
Beitrag10.03.2010 um 14:58 (UTC)    
Titel:

bitte den code durchlesen!Very Happy

Zitat:
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 5;
top: 150px;
left: 19%;
width:921px; }


das gründe musst du editieren!
Beiträge der letzten Zeit anzeigen:   


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