CSS Float

Résolu/Fermé

TRUNCKS Messages postés 1017 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 8 novembre 2024 - Modifié par TRUNCKS le 25/04/2012 à 16:51
TRUNCKS Messages postés 1017 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 8 novembre 2024 - 25 avril 2012 à 18:02

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

A voir également:

CSS Float
Enlever couleur lien css ✓ - Forum CSS
Css exposant ✓ - Forum CSS
Can't multiply sequence by non-int of type 'float' - Forum Python
Css download - Télécharger - HTML
Css retour à la ligne ✓ - Forum CSS

3 réponses

Réponse 1 / 3

ludolepro Messages postés 60 Date d'inscription mardi 15 juin 2010 Statut Membre Dernière intervention 25 avril 2012 35
25 avril 2012 à 16:53

Salut,
Ajoute à ta div image :

.image {
  clear: both;
}

Et tiens-nous au courant.

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
25 avril 2012 à 16:58

10 contre 1 que ça ne marche pas ;-)

ludolepro Messages postés 60 Date d'inscription mardi 15 juin 2010 Statut Membre Dernière intervention 25 avril 2012 35
25 avril 2012 à 17:00

Au moins, j'essaie de donner des solutions... N'est-ce pas le but ?

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
25 avril 2012 à 17:02

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 :-/

Réponse 2 / 3

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
25 avril 2012 à 16:59

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>

Réponse 3 / 3

TRUNCKS Messages postés 1017 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 8 novembre 2024 7
25 avril 2012 à 18:02

Parfait, merci encore :)

Discussions similaires

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS

[CSS] Forcé retour à la ligne

HTML - définir taille bouton

[CSS] Mettre un objet au premier plan