Background-image ne fonctionne pas
Résolu
Bonsoir,
Je veux simplement introduire dans ma page web une image mais rien ne se passe.
Voici le html:
<body>
<div id="logo"></div>
</body>
Voici le css concernant au div:
#logo
{
background-image: url(logo.png);
background-repeat: no-repeat;
}
Je ne comprend pas, merci pour votre aide
Je veux simplement introduire dans ma page web une image mais rien ne se passe.
Voici le html:
<body>
<div id="logo"></div>
</body>
Voici le css concernant au div:
#logo
{
background-image: url(logo.png);
background-repeat: no-repeat;
}
Je ne comprend pas, merci pour votre aide
Configuration: Windows XP Firefox 3.5.4
8 réponses
-
logo.png entre guillemets il me semble
-
non c'est optionnelle
-
mon arborescence est:
à la racine du site tu as
dossier: css --> dans lequel tu as tous les fichiers css
dossier: images --> dans lequel tu as toutes les images
alors j'ai changé l'url plusieurs fois, j'ai fais:
../images/logo.png
mais rien ne change. -
Je vais peu etre dire une betise, mais je suppose que l'image que tu veux inserer ne prendra pas toute la page, a tu essayé de virer la couleur de fond ( ou image ) et de mettre ton logo pour voir s'il apparaissais ?
-
Mon image ne prendra pas toute la place. Ma couleur de fond est blanche et mon image est noir entre autre. Donc je n'ai pas besoin de faire quoi que ce soit. J'essaye juste de faire apparaitre mon image. Si j'utilise le html, l'image apparait mais pas en css.
-
Tu as rélié ta page css avec la page html ?
-
oui, je l'ai bien relié.
-
j'ai trouvé mon problème, je n'avais pas mis de width et height pour définir le block (div).
Merci pour votre aide
