[CSS] affichage du background

Résolu/Fermé
bazzouz Messages postés 363 Date d'inscription vendredi 24 octobre 2008 Statut Membre Dernière intervention 20 juillet 2011 - 5 sept. 2009 à 20:38
bazzouz Messages postés 363 Date d'inscription vendredi 24 octobre 2008 Statut Membre Dernière intervention 20 juillet 2011 - 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>
A voir également:

11 réponses

remink Messages postés 19 Date d'inscription mardi 15 avril 2008 Statut Membre Dernière intervention 5 septembre 2009
5 sept. 2009 à 20:47
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 vendredi 24 octobre 2008 Statut Membre Dernière intervention 20 juillet 2011 81
5 sept. 2009 à 20:49
Je l'ai mis sans résultat :(
0
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 vendredi 24 octobre 2008 Statut Membre Dernière intervention 20 juillet 2011 81
5 sept. 2009 à 21:00
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
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 vendredi 24 octobre 2008 Statut Membre Dernière intervention 20 juillet 2011 81
5 sept. 2009 à 21:18
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
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 vendredi 24 octobre 2008 Statut Membre Dernière intervention 20 juillet 2011 81
5 sept. 2009 à 21:23
ça donne rien :(, y a pas de background affiché
0
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 1 056
5 sept. 2009 à 21:30
Salut à tous.
Moi aussi j'ai souvent des problèmes avec "background-image"

Je préfère donc utiliser "background: url(…) no-repeat;"
0
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 vendredi 24 octobre 2008 Statut Membre Dernière intervention 20 juillet 2011 81
5 sept. 2009 à 22:16
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