page "divisée" en colonnes

[xpatval]

Bonjour,

Mon souhait:

Pouvoir, sur une page, afficher à gauche, un texte en overflow faisant environ 30 à 40% de la page, centré, et à droite, une image, sous laquelle se place, centrés, un titre et un texte très bref, le tout, sans tableau.

Ma question: Comment faire cela, car je galère assez sans y parvenir...

Merci de vos réponse,

xpatval

[LaurentDenis]

Quelquie-chose comme cela ?

<div id="texte">
    <p>Le texte</p>
</div>

<div id="image">
    <p><img src="..." width="..." height="..." alt="..."></p>
    <h2>Le titre</h2>
    <p>La légende</p>
</div>

avec :

#texte {
float: left;
width: 35%;
text-align: center;
}

#image {
margin-left: 40%;
text-align: center;
}

Sachant que le titrage après l'image et non avant n'est pas optimal question accessibilité. Mieux vaudrait le mettre avant l'image, ce qui n'empêche pas de le faire apparaître en dessous de celle-ci via CSS avec une position:relative, dès lors que la hauteur de l'image est connue et que le titre est assez bref pour n'occuper qu'une ligne...

[xpatval]

Merci bcp, c'est une question que j'ai souvent posté, sans avoir de réponse, aussi bizarre que cela puisse paraître. Et aujourd'hui, j'ai deux réponse (l'autre sur all html)

D'ailleurs, dans cette deuxème réponse, le #texte est en position absolute. sans float .

deux approches différentes du positionnement. Ayant testé (avec succès) la deuxième réponse, je m'en vais faire de même avec la tienne.

Merci encore

xpatval