Background-image ne fonctionne pas

Résolu
tipi75 Messages postés 723 Statut Membre -  
tipi75 Messages postés 723 Statut Membre -
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
Configuration: Windows XP
Firefox 3.5.4

8 réponses

  1. the Lebanese Messages postés 269 Statut Membre 16
     
    logo.png entre guillemets il me semble
    0
  2. tipi75 Messages postés 723 Statut Membre 27
     
    non c'est optionnelle
    0
  3. tipi75 Messages postés 723 Statut Membre 27
     
    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.
    0
  4. danydaoc Messages postés 248 Statut Membre 33
     
    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 ?
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. tipi75 Messages postés 723 Statut Membre 27
     
    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.
    0
  7. the Lebanese Messages postés 269 Statut Membre 16
     
    Tu as rélié ta page css avec la page html ?
    0
  8. tipi75 Messages postés 723 Statut Membre 27
     
    oui, je l'ai bien relié.
    0
  9. tipi75 Messages postés 723 Statut Membre 27
     
    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
    0