Forum > XHTML / CSS > [CSS] Float d'une image et décalage du texte à coté

[CSS] Float d'une image et décalage du texte à coté

ok Le problème posé sur ce sujet a été résolu.
avatar de stc
Membre
# Le 11/07/2010 à 22h15
Salut, j'ai pas trop su quoi mettre en titre voila mon problème, dans beaucoup de mes sites je suis amené a mettre une image miniature a gauche et a droite du texte, j'utilise donc un float: left; sur mon image mais le problème c'est que lorsque le texte dépasse l'image en hauteur, il vient se caler sous l'image.
Voici un exemple de ce que je veux dire:
exemple (site top jeunes talents).
Existerait il une fonctionnalité CSS me permettant de faire flotter sur toute la hauteur?
Merci
avatar de Tony_
Administrateur
# Le 11/07/2010 à 23h25
Bonjour.
Oui c'est possible. Il suffit de mettre le texte dans un div et d'assigner à ce div une marge à gauche (d'un largeur à peu près également à la largeur de l'image). Voici un exemple:

HTML:
Code:
<img class="float_left" src="" alt="" />
<div class="marge_gauche">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.</div>


CSS:
  1. .float_left{
  2. float:left;
  3. }
  4. .marge_gauche{
  5. margin-left:100px; /* exemple de 100px si l'image fait 80px de large */
  6. }


J'espère que cela répond à ta question.
Bonne fin de soirée.
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de stc
Membre
# Le 11/07/2010 à 23h35
J'ai testé sur un de mes sites, ça fonctionne à merveille, merci!
avatar de Tony_
Administrateur
# Le 12/07/2010 à 00h44
Ravis de pouvoir aider. smiley
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.