Code: Alles auswählen
.boxOne
{
width:500;
height:100;
background-color:black;
border:2px solid grey;
box-shadow:2px 2px 100px black;
color:white;
opacity:0.9;
}Code: Alles auswählen
.boxOne {
width: 500px;
height: 100px;
...
}
Code: Alles auswählen
.boxOne {
...
margin: 0 auto;
...
}
Code: Alles auswählen
boxOne
{
width:500;
height:100;
background-color:black;
border:2px solid grey;
box-shadow:2px 2px 100px black;
color:white;
opacity:0.9;
margin: 0 auto;
}
Tja, ohne den kompletten Quelltext zu kennen kann man da nur raten. Wenn du keinen Schatten im Internet Explorer siehst wird das je nach Version einfach daran liegen, dass der Browser die betreffende CSS3-Eigenschaft schlicht nicht unterstützt.Kmitska hat geschrieben:Und da ist einfach kein CSS (sieht so aus) kein Schatten, nichts!
Code: Alles auswählen
<html>
<head>
<style type="text/css">
body
{
background-image:url('intro.png');
background-repeat:no-repeat;
background-position: top center;
background-color:black;
}
.buttonOne
{
width:500;
height:100;
color:white;
margin:0 auto;
opacity:0.8;
display:block;
text-align:center;
font-weight:bold;
position:absolute;
left:440px;
top:250px;
box-shadow:0px 0px 300px blue;
}
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
#a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#000333;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
border:2px solid grey;
box-shadow:0px 0px 20px white;
}
#a:hover,#a:active
{
background-color:black;
box-shadow:0px 0px 20px black;
}
</style>
</head>
<body>
<div class="buttonOne" style="background-color:grey">
<ul>
<li><a id="a"; href="index.php" style="position:absolute; left:10px; top:30; color:red;" >Home</a></li>
<li><a id="a"; href="login.php" style="position:absolute; left:180px; top:30; color:white;" >Downloads</a></li>
<li><a id="a"; href="design.php" style="position:absolute; left:350px; top:30; color:red;" >Projects</a></li>
</ul>
</div>
</body>
</html>