Suche im Forum:
Suchen


Autor Nachricht
Beitrag25.04.2009 um 17:01 (UTC)    
Titel: coolmenü wird bei internetexplorer nicht angezeigt!

mein coolmenü auf meiner seite wird nur mit firefox und opra angezeigt.......nur mit inet explorer nicht

mein code:

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

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

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

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://landario.la.funpic.de/Landario.de.tl/design/needforspeedbutton.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
font-family: tahoma, verdana, arial;
cursor: pointer;
margin: 0px 0px;
display: block;
height: 30px;
width: 165px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #00CCFF;
background-image: url(http://landario.la.funpic.de/Landario.de.tl/design/needforspeedbutton_hover.jpg);
height: 30px;
width: 165px;
}

#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 href="http://landario.de.tl/Home.htm">Home</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);">Referenzen</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://landario.de.tl/Projekte.htm">Projekte</a></li>
<li><a href="http://landario.de.tl/Partner.htm">Partner</a></li>

</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);">Downloads</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://landario.de.tl/Download-Iceblue.htm">Iceblue</a></li>
<li><a href="http://landario.de.tl/Download-CSS.htm">CSS</a></li>
<li><a href="http://landario.de.tl/Download-Sonstige.htm">Sonstige</a></li>
<li><a href="http://landario.de.tl/Tutorial.htm">Tutorial</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="javascript:void(0);">Kontakt</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://landario.de.tl/Kontakt.htm">Kontaktformular</a></li>
<li><a href="http://landario.de.tl/Impressum.htm">Impressum</a></li>
<li><a href="">® 2009 Landario</a></li>
</ul>
</li>
</div>

______________


Zuletzt bearbeitet von landario am 25.04.2009, 18:48, insgesamt einmal bearbeitet
Beitrag25.04.2009 um 17:50 (UTC)    
Titel:

Ich empfehle Dir, den Code zu "Text über dem Design" zu setzen und nicht beim CSS-Code.
Wie Du siehst, geht das in die Hose Wink

Zitat:

<style type="text/css">
<!--
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

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

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://landario.la.funpic.de/Landario.de.tl/design/needforspeedbutton.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
font-family: tahoma, verdana, arial;
cursor: pointer;
margin: 0px 0px;
display: block;
height: 30px;
width: 165px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #00CCFF;
background-image: url(http://landario.la.funpic.de/Landario.de.tl/design/needforspeedbutton_hover.jpg);
height: 30px;
width: 165px;
}

#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 href="http://landario.de.tl/Home.htm">Home</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);">
Referenzen</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://landario.de.tl/Projekte.htm">Projekte</a></li>
<li><a href="http://landario.de.tl/Partner.htm">Partner</a></li>

</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);">
Downloads</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://landario.de.tl/Download-Iceblue.htm">Iceblue</a></li>

<li><a href="http://landario.de.tl/Download-CSS.htm">CSS</a></li>
<li><a href="http://landario.de.tl/Download-Sonstige.htm">Sonstige</a></li>
<li><a href="http://landario.de.tl/Tutorial.htm">Tutorial</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="javascript:void(0);">
Kontakt</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://landario.de.tl/Kontakt.htm">Kontaktformular</a></li>
<li><a href="http://landario.de.tl/Impressum.htm">Impressum</a></li>
<li><a href="?PHPSESSID=5ce986807609b116b62acb8251f849d4">® 2009 Landario</a></li>

</ul>
</li>
</div>


Zuletzt bearbeitet von coolplace am 25.04.2009, 18:50, insgesamt einmal bearbeitet
Beitrag25.04.2009 um 17:54 (UTC)    
Titel: danke

jo danke......(: jetzt gehts......da hab ich noch ne frage.... auf meiner seite gleich auf home hab ich n iframe.....mit hintergundfarbe none....aber inet exe zeigt weißen hintergund an...
______________
Beitrag25.04.2009 um 19:58 (UTC)    
Titel:

Ein Iframe hat immer den Hintergrund der Seite, die dort angezeigt wird, das kannst Du nicht über CSS steuern von der Seite aus, wo der Iframe ist.
Beiträge der letzten Zeit anzeigen:   


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