Hallo,
bin seit Neustem mit CSS tätig und wollte es bei meiner Homepage mal versuchen, jedoch wird ein Bild nicht angezeigt.
Ich denke mir wird da irgend ein dummer Fehler unterlaufen sein, vllt kann ja jemand mit Erfahrung mir helfen.
Hab das Bild als Hintergrundbild in einem Kontainer (=picture), welcher sich im Header (=header) befindet und verlinkt ist:
... <div id="header">
<div id="picture"><a id="w-i-t-z-e" href="http://www.w-i-t-z-e.de.tl/Home.htm"> </a>
</div>
</div> ...
Stylesheet:
... #header {
background-color:#FF7F00 ;
position:absolute ; top:0.55cm ; left:0.2cm; right:0.2cm ;
width:100% ;
height:188px ;
border-top:0.15cm solid #EEAD0E ; border-right:0.15cm solid #EEAD0E ; border-bottom:0.15cm solid #CD6600 ; border-left:0.15cm solid #CD6600 ;
margin:0 ;
padding:0 ;
float:top ;
}
#picture {
postion:absolute ; top:0.55cm ; left:0.2cm ;
width:164px ;
height:164px ;
border-top:0.15cm solid #EEAD0E ; border-right:0.2cm solid #FFB90F ; border-bottom:0.15cm solid #CD6600 ; border-left:0.15cm solid #CD6600 ;
}...
...#picture a:link,
#picture a:visited {
margin:0 ;
padding:0 ;
display:block ;
border:0px none ;
background-image:url('http://img.webme.com/pic/w/w-i-t-z-e/w-i-t-z-e.jpg') ;
width:164px ;
height:164px ;
}
#picture a:hover {
margin:0 ;
padding:0 ;
display:block ;
border:0px none ;
background-image:url('http://img.webme.com/pic/w/w-i-t-z-e/w-i-t-z-e1.jpg') ;
width:164px ;
height:164px ;
}...
Der Rest funktioniert einwandfrei!!:
http://www.w-i-t-z-e.de.tl
Hoffe ihr könnt mir helfen,
Gruß Philipp