Discussion :

[Cdic83]

Bonjour,
j'ai un bloc qui revient d'un CMS, ce bloc me renvoit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div class="c3 hauteurLigne">
<img width="150" height="83" src="http://tototo.com/monimage.jpeg"/>
mon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon textemon texte
</div>

Dans ma CSS j'ai donc fait cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<style type="text/css">
.hauteurLigne
{
   line-height:18px;
   float:right;
}
 
.hauteurLigne img
{
    float:left;
    padding-right:10px;
}
</style>

Mon entrée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div class="c3 hauteurLigne" >
    {ARTICLE}
</div>

La photo est bien à gauche, le texte à droite mais la premiere ligne de texte passe au dessus de la photo... ce qui est mon probleme..

Je ne suis pas tres familié avec les CSS, j'ai essayé de mettre un clear:both; dans .hauteurLigne mais cela ne marche pas...
Puis je n'ai pas accès au CSS parent hélas...

Si quelqu'un a une piste, je suis preneur

Merci d'avance

[Erwan31]

La photo est bien à gauche, le texte à droite mais la premiere ligne de texte passe au dessus de la photo... ce qui est mon probleme..

Ça ne devrait pas. Une page en ligne ne serait pas de trop, trop peu d'éléments pour pouvoir diagnostiquer le problème pour l'instant.

D'autre part n'oublie pas d'ajouter l'attribut alt à tes images (vide ou pas) pour des raisons d'accessibilité et pour valider ton doc.
Provilégier les unités relatives aux texte en em / % pour ne pas vérouiller le zoom texte d'IE et obtenir des interlignes proportionnelles à la taille du texte en cas d'agrandissement du texte via le navigateur.