Problème css

Fermé
celynette11 - 2 oct. 2011 à 06:17
Acid_ Messages postés 503 Date d'inscription mercredi 24 août 2011 Statut Membre Dernière intervention 29 août 2014 - 4 oct. 2011 à 12:22
Bonjour,
J'ai un soucis concernant l'image de l'header ds le css
sachant que mon dossier images est dans wamp/www/images
Tout fonctionne, sauf les images..

#en_tete
{
width: 760px;
height: 100px;:
background-image: url("images/header.png");
border: 2px solid black;
background-repeat: no-repeat;
margin-bottom: 10px;
}

Je pense que le chemin d'acces ne dois pas etre correct.. je ne comprend pas trop pourquoi les images n'apparaissent pas.
Merci de vos réponses .

4 réponses

Tout d'abord, dans quel dossier est la feuille de style CSS ?
Si elle est dans wamp/www/styles par exemple, tu dois précéder le chemin de tes images par ../images/header.png ce qui signifie que le navigateur doit aller chercher dans le dossier racine www et non dans styles comme c'est le cas si tu mets seulement images/header.png .
0
D'accord avec Gaël,

Pour pointer tes images le css doit être à la racine de ton site dans ton cas, si tu as mis ton css dans www/style/ il faut que tes liens vers les images soient "../images/..."
0
Essayez ceci:

background-image: url(images/header.png);

Pas de guillemets en CSS et ce chemin est bien un chemin absolu.
0
Acid_ Messages postés 503 Date d'inscription mercredi 24 août 2011 Statut Membre Dernière intervention 29 août 2014 158
4 oct. 2011 à 12:22
Bonjour,

C'est effectivement un problème de chemin.
Préfère les chemins absolus (Dans ton cas, il s'agit de /images/header.png) que tu adaptes comme ceci :

background-image: url("/images/header.png"); 
0