Hallo, mein Problem ist, dass text-shadow bei mir im Internet explorer (8) nicht funktioniert. Im Firefox klappts.
Jemand ne Idee?
HTML:
<div id="menu">
<a href="http://www.tutorials.de/forum/hardware/index.html"><div id="hardware">HARDWARE</div></a>
<a href="#"><div id="software">SOFTWARE</div></a>
<a href="#"><div id="internet">INTERNET</div></a>
<a href="#"><div id="kontakt">KONTAKT</div></a>
</div>
Code:
#menu {
width:794px;
height:35px;
float:left;
position:absolute;
display:inline;
margin-top:77px;
margin-left:3px;
border-bottom-style:dotted;
border-bottom-color:#666666;
border-top-style:dotted;
border-top-color:#666666;
}
#hardware {
background-image:url(../img/hardware-bg.png);
width:110px;
height:35px;
margin-left:5px;
float:left;
font-weight:bold;
text-align:center;
}
#software {
background-image:url(../img/software-bg.png);
margin-left:5px;
width:110px;
height:35px;
float:left;
font-weight:bold;
text-align:center;
}
#internet {
background-image:url(../img/internet-bg.png);
margin-left:5px;
width:110px;
height:35px;
float:left;
font-weight:bold;
text-align:center;
}
#kontakt {
background-image:url(../img/kontakt-bg.png);
width:110px;
height:35px;
margin-right:5px;
float:right;
font-weight:bold;
text-align:center;
}
div#menu a:link { text-decoration:none; color:#FFFFFF;}
div#menu a:visited { text-decoration:none; color:#FFFFFF;}
div#menu a:hover { text-shadow: #c0c0c0 3px 3px 5px;}
div#untermenu a:link { text-decoration:none; color:#000000}
div#untermenu a:hover { font-weight:bold; }
div#untermenu a:active { text-decoration:none; }
div#untermenu a:visited { text-decoration:none; color:#000000;}Jemand ne Idee?
