Bonjour à tous, J'ai un cas particulier dans ma page single d'actualité.

En utilisant le système de grille de mon framwork css (foundation) j'ai mis une image à gauche et du contenu à droite. Cette partie est donc divisé en 2 sur la largeur. Mais j'aimerais faire courir mon contenu en dessous de cette partie mais sur toute la larguer (width 100%).
Que dois-je faire pour que mon texte soit en colonne 50% à côté de l'image et en colonne 100% en dessous. Sachant que je parle bien du même div. Il faut que le texte commence à côté de l'image et continu en dessous sur toute la largeur.
J'imagine que c'est un savant mélange de display et d'autres attribus css, mais je n'arrive pas à trouver un exemple exploitable.

Merci par avance pour vos remarques.

5 réponses


Il exite les float ! Et ils permettent de faire exactement ça !

ok, mais il faut que l'image soit dans le bloc texte ?

Non, tu peux avoir ton <img> et en dessous ton <p> sans souci. Il suffit que tu mettes un float : left (ou right) sur ton image pour que le <p> (ou n'importe quel autre balise) passe à côté :)

merci ça marche nikel. Désolé pour mon manque d'expérience, ce cas ne m'étais jamais arrivé... :)
encore merci,

Pas de souci, on apprend tous ! :)