Tweet
Bonjour,
je tente de remplacer mes tableaux par des DIV et je rencontre un pb d'affichage avec Widgetkit2, j'ai posé la question sur le forum du développeur mais pas de réponse...
Alors j'ai essayé de cibler le pb en faisant un test :
Voilà ce qui s'affiche bien :
<div>[widgetkit id="29"]</div>
<div><img src="images/fairytale1.jpg" /></div>
<div><img src="images/fairytale2.jpg" /></div>
Voilà ce qui n'affiche pas le widget (en essayant de mettre les DIV sur la même ligne) :
<div id="div-ligne">
<div id="div-gauche">[widgetkit id="29"]</div>
<div id="div-centre"><img src="images/fairytale1.jpg" /></div>
<div id="div-droite"><img src="images/fairytale2.jpg" /></div>
</div>
avec:
#div-ligne {
float: left;
width: 100%;
}
#div-gauche {
float: left;
width: 33,333%;
}
#div-centre {
float: left;
width: 33,333%;
}
#div-droit {
float: right;
width: 33,333%;
}
si vous pouviez me donner une piste... j'ai tenté de multiples combinaisons de CSS sans succès (mes connaissances sont très limitées en CSS)
je tente de remplacer mes tableaux par des DIV et je rencontre un pb d'affichage avec Widgetkit2, j'ai posé la question sur le forum du développeur mais pas de réponse...
Alors j'ai essayé de cibler le pb en faisant un test :
Voilà ce qui s'affiche bien :
<div>[widgetkit id="29"]</div>
<div><img src="images/fairytale1.jpg" /></div>
<div><img src="images/fairytale2.jpg" /></div>
Voilà ce qui n'affiche pas le widget (en essayant de mettre les DIV sur la même ligne) :
<div id="div-ligne">
<div id="div-gauche">[widgetkit id="29"]</div>
<div id="div-centre"><img src="images/fairytale1.jpg" /></div>
<div id="div-droite"><img src="images/fairytale2.jpg" /></div>
</div>
avec:
#div-ligne {
float: left;
width: 100%;
}
#div-gauche {
float: left;
width: 33,333%;
}
#div-centre {
float: left;
width: 33,333%;
}
#div-droit {
float: right;
width: 33,333%;
}
si vous pouviez me donner une piste... j'ai tenté de multiples combinaisons de CSS sans succès (mes connaissances sont très limitées en CSS)
Commentaire