Voilà je débute l'html et le css et j'ai un petit problème d'image... J'aimerais afficher une image dans un div en css, l'espace du div est bien pris en compte dans l'affichage mais l'image ne s'affiche pas ! >< Je ne sais pas pourquoi...

Voilà mon code css :

1. banniere {

background-image : url(images/ban.png);
background-repeat : no-repeat;
width : 291px;
height : 102px;
}

et l'HTML :
<div id="banniere"></div>

Merci d'avance

l'url de l'image est relative au fichier css.

Exemple :

index.html
css/
..... style.Css
images/
..... mon_image.jpg

Uri de "mon_image.jpg" relative à index.html : ./images/mon_image.jpg
Uri de "mon_image.jpg" relative à style.css : ../images/mon_image.jpg

La question est :
- as tu dans un premier temps vérifier que le css était bien inclus dans ta page ?
- si tu te trouve dans le cas ou le css n'est pas dans le meme dossier (et au meme niveau) que ton html, as tu pensé à mettre une uri relative ?

Ah oui j'avais oublier le "../" Je suis un boulet ! ><

Merci !

Par contre j'ai un autre petit problème (plutôt 2...) Je voudrais mettre une image en bordure uniquement en haut pour le footer, j'ai mis :

1. footer {

border-top : url(../bordure.png);
width : 600px;
height : 65px;
}

Mais sa ne marche pas donc il doit y avoir une astuce pour les bordures >.>

Et l'autre c'est, en fond de mon div principal où j'ai mon texte, j'ai mis une ombre portée sur l'image pour la détachée un peu du fond. Seulement la bordure que j'ai utilisée au tour du div entour aussi l'ombre avec alors qu'il faudrait qu'elle s'arrête avant l'ombre portée de l'image... J'ai tenter en réduisant la taille du div mais sa change rien.

1. principal {

background-image : url(../images/back.png);
background-repeat : no-repeat;
width : 600px;
height : 450px;
border-width : 2px;
border-style : solid;
border-color : #000000;
padding : 5px;
}

"Je voudrais mettre une image en bordure uniquement en haut pour le footer", tu ne peux pas. Il faut passer par une méthode qui consiste à imbriquer deux div, avec un paddint-top pour le div contenu de XXpx (étant la hauteur de la "bordure" que tu veux mettre) avec une image de fond.

Pour ton deuxième problème, il n'y a pas de solution, sauf mettre l'ombre ailleurs que sur l'image.

OK merci je vais essayer...