Suche im Forum:
Suchen


Autor Nachricht
Beitrag12.07.2007 um 09:01 (UTC)    
Titel: Problem wegen dropdown menü

Morgen Leute! Hab ein Problem *hehe*^^
Also sobald ich mein dropdownmenü einfüge entstehen unten scrollbalks also von links nach recht aba wenn man nach rechts scrollt ist da nichts ! Sorry kann mich net gut ausdrücken. Also wenn ich das dropdown menü einfüge ist das so und wenn ich es wieder entferne ist alles Prima. Hab ich nen Fehler im Code gemacht oder woran kann das liegen?
Naja hier der Code

Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Comic Sans MS, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-305px;
width: 100%;
}

.menu li
{
width: 209px;
float: left;
}

.menu a
{
border: 1px solid #F2F2F2;
background-image:url(http://img.webme.com/pic/s/success4you/navfire.gif)
;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-image:url(http://img.webme.com/pic/r/rsadf7c/bluedown.gif);
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</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 href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hausaufgaben</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://rsadf7c.de.tl/montag.htm" target="_self">Montag</a></li>
<li><a href="http://rsadf7c.de.tl/dienstag.htm" target="_self">Dienstag</a></li>
<li><a href="http://rsadf7c.de.tl/mittwoch.htm" target="_self">Mittwoch</a></li>
<li><a href="http://rsadf7c.de.tl/donnerstag.htm" target="_self">Donnerstag</a></li>
<li><a href="http://rsadf7c.de.tl/freitag.htm" target="_self">Freitag</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Klasse</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://rsadf7c.de.tl/Unsere-Klasse.htm" target="_self">Unsere Klasse (Privat)</a></li>
<li><a href="http://rsadf7c.de.tl/PeInLiCh.htm" target="_self">Spam</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Termine</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://rsadf7c.de.tl/London.htm" target="_self">London (7c)</a></li>
<li><a href="http://rsadf7c.de.tl/Kletterwald-Niederrhein.htm"_self">Kletterwald (7c)</a></li>
<li><a href="http://rsadf7c.de.tl/Nideggen.htm" target="_self">Nideggen (8c)</a></li>
</ul>
</li>
</ul>
</div>


guckts euch am besten auf der hp an www.rsadf7c.de.tl ^^

mfg Thomas Janz


Zuletzt bearbeitet von rsadf7c am 12.07.2007, 10:03, insgesamt einmal bearbeitet
Beitrag12.07.2007 um 10:27 (UTC)    
Titel:

Pass mal das rote so an, wie ich es gemacht habe:

Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Comic Sans MS, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-305px;
width: 627px;
}

.menu li
{
width: 209px;
float: left;
}

.menu a
{
border: 1px solid #F2F2F2;
background-image:url(http://img.webme.com/pic/s/success4you/navfire.gif)
;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-image:url(http://img.webme.com/pic/r/rsadf7c/bluedown.gif);
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</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 href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hausaufgaben</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://rsadf7c.de.tl/montag.htm" target="_self">Montag</a></li>
<li><a href="http://rsadf7c.de.tl/dienstag.htm" target="_self">Dienstag</a></li>
<li><a href="http://rsadf7c.de.tl/mittwoch.htm" target="_self">Mittwoch</a></li>
<li><a href="http://rsadf7c.de.tl/donnerstag.htm" target="_self">Donnerstag</a></li>
<li><a href="http://rsadf7c.de.tl/freitag.htm" target="_self">Freitag</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Klasse</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://rsadf7c.de.tl/Unsere-Klasse.htm" target="_self">Unsere Klasse (Privat)</a></li>
<li><a href="http://rsadf7c.de.tl/PeInLiCh.htm" target="_self">Spam</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Termine</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://rsadf7c.de.tl/London.htm" target="_self">London (7c)</a></li>
<li><a href="http://rsadf7c.de.tl/Kletterwald-Niederrhein.htm"_self">Kletterwald (7c)</a></li>
<li><a href="http://rsadf7c.de.tl/Nideggen.htm" target="_self">Nideggen (8c)</a></li>
</ul>
</li>
</ul>
</div>
Beitrag12.07.2007 um 10:37 (UTC)    
Titel:

wow ... danke hat einwandfrei geklappt !!
mfg Thomas Janz


Zuletzt bearbeitet von rsadf7c am 12.07.2007, 11:48, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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