Titre: probeleme d'affcihage de texte à gauche
Posté par: manjava le le 27-03-2009 a 11:26:59
Bonjour,
je suis en train de faire un decoupage de image en css mais j'ai un probleme concerne le affichage de texte a cote de l'image voila mon code css:
<div class="saison_infos">
<p>
SAISON 1<br/>
Emission du 15 mars 2008<br />
“TROUVILLE”
</p>
<a href="#"><img src="/images/commun/sophie/bouton_regarder_emission.jpg" /></a>
<img src="/images/commun/sophie/prev_emission_1.jpg"/><br />
<p>
<strong>Infos centre équestre:</strong><br />
</p>
<p>
<strong>Renseignements historiques sur Villerville:</strong><br />
<a href="http://XXX" title=""></a>
</p>
</div>
<div class="saison_infos_desc">
<p>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</p>
<p>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</p>
xxxxxxxxxxxxxxxxxxxxxxx
<p>
xxxxxxxxxxxxxx
</p>
</div>
.saison_infos{
margin-top:18px;
color:#fa1596;
font-size:11px;
}
.saison_infos img{
margin-top:12px;
float:left;
clear:both;
}
.saison_infos p{
clear:both;
}
.saison_infos_desc{
font-size:11px;
color:#0f0f0f;
top:144px;
left:379px;
}
le texte que je veux affiche a gauche et xxxxxxxxx
merci |
Titre: Re:probeleme d'affcihage de texte à gauche
Posté par: Pixii le le 12-04-2009 a 14:37:16
Bonjour,
Essaye de mettre deux div en float left.
Un div pour l'image et un div pour tes infos contenu dans le container global : "saison_infos" Et dans ton code tu places les infos avant l'image sans oublier de donner une taille à ton container principal. Comme ça tu auras deux flottants dans une boite, ton texte à gauche et ton image à droite. Si j'ai bien compris l'objet de la question.
C'est une des méthodes parmi tant d'autres.
Cordialement. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|