CSS Float

Résolu
Bonjour à vous,
J'ai deux DIV, une avec un texte et une autre avec une image.

J'ai un petit soucis, mon texte passe sous l'image au lieu d'aller la ligne quand il touche.

J'ai fait cela:

<div class="texte" style="float:left; width:400px;">   
texte   
</div>  
  
<div class="image" style="float:left;">   
image   
</div>   

J'ai bien mon image a droite de mon texte, mais si ce dernier est trop long, il passe sous l'image.
Pourtant je lui est dit de ne pas dépasser 400 non ?

Merci à vous

3 réponses

  1. Contributeur
    Hello,

    Si tu veux que le texte encadre l'image il faut mettre l'image en float dans la même div que le texte.

    Essaye ça :

    <div class="texte" style="float:left; width:400px;">   
       <div class="image">
          image  
       </div>  
       texte
    </div>  
    1. Salut,
      Ajoute à ta div image :
      .image {
        clear: both;
      }
      

      Et tiens-nous au courant.
      1. Contributeur
        10 contre 1 que ça ne marche pas ;-)
      2. Au moins, j'essaie de donner des solutions... N'est-ce pas le but ?
      3. Contributeur
        Si mais si tu te renseignais sur la propriété "clear" tu verrais qu'elle s'applique à 2 float permettant ainsi de s'assurer que celui en "clear:both" de toujours rester en dessous de l'autre :-/