[CSS] affichage du background
Résolu
bazzouz
Messages postés
442
Statut
Membre
-
bazzouz Messages postés 442 Statut Membre -
bazzouz Messages postés 442 Statut Membre -
Bonjour,
pourquoi si je met ce code le background-image ne s'affiche pas dans le div profils ?
<div style="background-image:url(images/profils.gif); width:345px">
<div style="text-align:center">PROFIL ALEATOIRE</div>
<div id="profils">
<div style="float:left">
colonne 1
</div>
<div style="float:left">
colonne 2
</div>
<div style="float:left">
colonne 3
</div>
</div>
</div>
pourquoi si je met ce code le background-image ne s'affiche pas dans le div profils ?
<div style="background-image:url(images/profils.gif); width:345px">
<div style="text-align:center">PROFIL ALEATOIRE</div>
<div id="profils">
<div style="float:left">
colonne 1
</div>
<div style="float:left">
colonne 2
</div>
<div style="float:left">
colonne 3
</div>
</div>
</div>
Configuration: Windows XP Opera 9.80
11 réponses
-
Met ton style=" ... " sur ta div profils :
<div id="profils" style="background-image:url(images/profils.gif); width:345px;">
</div> -
-
si tu mets simplement
Un petit truc bête, essai toujours on sait jamais en ajoutant " ' " dans ton url?
Comme ceci:
<div id="profils" style="background-image:url('images/profils.gif'); width:345px;">
</div> -
non, le problème ne viens pas de l'url, du fait que le background s'affiche sur le div qui le précède (qui affiche Profil aleatoire)
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Ah en effet, pardon j'avais mal lu!
tu as fais un css.. dans le css tu n'as pas mis de couleur de fond pour ton "profils"? Ou quelque chose qui pourrait faire defaut -
non, j'en ai pas fais
je croix que le problème viens de l'attribut float:left dans les div des colonnes, car sans elles, le background s'affiche, mais je ne comprend pas pourquoi ? -
ok et si tu mes dans cet ordre:
<div style="text-align:center">PROFIL ALEATOIRE</div>
<div style="background-image:url(images/profils.gif); width:345px">
<div id="profils">
<div style="float:left">
colonne 1
</div>
<div style="float:left">
colonne 2
</div>
<div style="float:left">
colonne 3
</div>
</div>
</div>
ça donne quoi? -
-
Salut à tous.
Moi aussi j'ai souvent des problèmes avec "background-image"
Je préfère donc utiliser "background: url(…) no-repeat;" -
c'est vrai que c'est une bonne idée, ça m'est arrivé aussi et j'ai fais ça pour que ça marche, je n'y avais pas pensé
-
J'ai résolu mon problème en ajoutant un height au div parent qui contient les div flottant .
En faite , Les elements flottant, c'est a dire les elements auxquels tu mets ton float:left;, float retire l'element du flux pour pouvoir le positionner soit a gauche, soit a droite, de ce fait, l'element parent est considéré comme vide (vu que l'element fils est hors du flux, flottant).
pour regler cette affaire, tu peux soit mettre une taille a ton parent, soit bidouiller avec un div auquel tu mettras le style "clear"
