Bonjour,
Je suis en train de créer un site Web pour la premiere fois.
C'est un peu le bordel dans mon code mais je m'y retrouve a peu près. Et tout fonctionne pour le moment sauf un problème qui persiste et que je ne comprend absolument pas.
En fait quand je met un background-image avec l'url, il ne saffiche pas. J'ai une feuille CSS qui est appelé dans le html. celafonctionne puiske j'ai créer un menu déroulant dans le CSS et que je met des style au text, liens etc... mais c'est juste le background qui ne veux pas s'afficher et je trouve cela très bizard.
Je colle tout le code CSS ici au cas ou se soit un probleme plus bas mais j'ai beau cherché je ne comprend pas.
body{
padding:0px;
margin-top: 0px;
background-color:#000
background-image:url(fond.jpg);
color:#9e9e9e;
font: 10px/14px Arial, Myriad Pro, Verdana, sans-serif;
width:809px;
margin:auto;
border:3px solid #E6E6E6;
}
a:link {
font-weight: bold ; color: #FFF ;
}
a:visited{
font-weight: bold ; color: #FFF ;
}
a:hover {
color: #970000 ;
}
#copyright{
text-align:center;
font-size:8px;
background:#E6E6E6;
margin:0;
}
.italic{
font-style:italic;
text-align:center;
}
.h1{
font-size:20px;
font-weight:bold;
}
.h2{
font-size:17px;
font-weight:bold;
}
#menu{
width:900px;
background:url(images/fond_menu.gif)
}
dl{
height:18px;
margin:0px; padding:0px;
display:block;
float:left;
}
dt{
display:block;
height:20px;
line-height:20px;
text-align:center;
cursor:pointer;
}
dd{
display:block;
margin:0px; padding:0px;
border-top:5px solid #000;
border-bottom:5px solid #000;
}
dd ul{
margin:0; padding:0;
text-align:center;
list-style:none;
background:#000;
font-family:arial;
font-size: 9px;
text-align:center;
}
dd ul li{
display:block;
margin:0; padding:0;
}
dd ul li a{
display:block;
color:#FFFFFF;
text-decoration:none;
width:114px;
height:25px;
line-height:25px;
border-bottom:solid 1px #000;
border-top:solid 1px #000;
margin:0;padding:0;
}
dd ul li a:hover{
color:#970000;
background:url(images/fond_menu_over.gif);
}
dl dd{
display:none;
}
dl:hover dd{
display:block;
}
#conteneur-menu{
background:url(images/fond_menu.gif);
position:relative;
margin:auto;
}
Configuration: Windows XP
Firefox 3.0.7