[CSS] affichage du background

Résolu
bazzouz Messages postés 363 Date d'inscription   Statut Membre Dernière intervention   -  
bazzouz Messages postés 363 Date d'inscription   Statut Membre Dernière intervention   - 5 sept. 2009 à 22:16
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>

11 réponses

remink Messages postés 19 Date d'inscription   Statut Membre Dernière intervention  
 
Met ton style=" ... " sur ta div profils :

<div id="profils" style="background-image:url(images/profils.gif); width:345px;">
</div>
0
bazzouz Messages postés 363 Date d'inscription   Statut Membre Dernière intervention   81
 
Je l'ai mis sans résultat :(
0
sylvain-a
 
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>
0
bazzouz Messages postés 363 Date d'inscription   Statut Membre Dernière intervention   81
 
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)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
sylvain-a
 
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
0
bazzouz Messages postés 363 Date d'inscription   Statut Membre Dernière intervention   81
 
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 ?
0
sylvain-a
 
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?
0
bazzouz Messages postés 363 Date d'inscription   Statut Membre Dernière intervention   81
 
ça donne rien :(, y a pas de background affiché
0
le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   1 057
 
Salut à tous.
Moi aussi j'ai souvent des problèmes avec "background-image"

Je préfère donc utiliser "background: url(…) no-repeat;"
0
sylvain-a
 
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é
0
bazzouz Messages postés 363 Date d'inscription   Statut Membre Dernière intervention   81
 
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"
0