Mise en page avec des CSS

Résolu
Puzzle_ Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   -  
Puzzle_ Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je n'arrive pas à faire quelque chose qui doit pourtant être facile :

2 images de largeurs différentes sont l'une au dessous de l'autre à droite de l'écran. J'aimerais que du texte débute en haut à gauche de l'écran et continue en adaptant la largeur de la ligne dès que l'autre image commence. Naturellement, je ne sais pas où dans le texte s'effectue la transition.

bla bla bla <----image 1--->
bla bla bla bla <-image 2->

Une petite idée ? Merci beaucoup.
A voir également:

2 réponses

t00n
 
Essaies avec la propriété clear : http://fr.selfhtml.org/css/proprietes/positionnement.htm#clear
0
t00n
 
Oups, pardon, c'est la pté float en fait, même lien mais juste au dessus.
0
Puzzle_ Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   > t00n
 
Merci de ce lien mais il ne répond pas à mon problème, je connais la propriété "float"... Je n'ai pas dû être assez clair :

Comment aligner 2 blocs (image ou texte) de largeurs différentes d'un coté de l'écran et faire 'se couler' du texte de l'autre coté sur au moins toute la hauteur des 2 blocs, la largeur de la ligne s'ajustant automatiquement au 2ème bloc... Je ne peux pas à priori savoir quelle partie de texte est en face de bloc 1, et quelle partie est en face de bloc 2...
........... ____________
bla bla |.... bloc 1 .......|
bla bla |___________|
bla bla bla bla | bloc 2 |
bla bla bla bla |_____ |
bla bla bla bla bla etc...
0
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
Bonjour,

Ce que tu nous montres peut peut-être se servir du float.

Regarde cet exemple, il correspond assez à ton schéma.
Et les blocs sont positionnés en “float ; right;”.
0
Puzzle_ Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,

Oui, c'est exactement cela quand je vois la page présentée. Je vais analyser le code source pour l'adapter à mon cas.

Merci beaucoup pour cette réponse...
0