Discussion :

[lisa.a]

Bonjour,
je voudrais avoir un rendu comme ça

mais je ne sais pas si c'est "possible" en CSS, sachant que si l'image a toujours la même largeur, le texte, le titre et le sous titre eux sont de longueurs complètement variables. Est-ce possible avec des div et des marges aux images bien pensées ? Je manque d'expérience et je n'ai rien trouvé qui ressemble à ça sur le net...
J'ai l'impression que ce n'est pas possible, mais j'espère que je me trompe

[addock]

Oui tu peux faire ce que tu veux simplement en mettant float:left; sur l'image..

Par exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id="titre">
     Titre
</div>
<div id="sous-titre">
     Sous-titre d'une longueur variable
</div>
<div id="image">
     <img src="image.jpg" />
</div>
<div id="texte">
     Texte d'une longueur variable
</div>
<div class="clear"></div>

Et pour le css :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
#titre{
     font-size:20px;
     margin-left:50px;
}
#sous-titre{
     font-size:16px;
     margin-left:50px;
}
#image{
     float:left;
}
#texte{
     margin-left:50px;
}
.clear{
     clear:both;
}

[lisa.a]

ouh lala ... évidemment oui !
merci beaucoup
je crois qu'il faut que j'aille dormir ...