Sujet Précédent Sujet Suivant

CSS Float

Résolu/Fermé
TRUNCKS Messages postés 1030 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 3 juin 2023 - Modifié par TRUNCKS le 25/04/2012 à 16:51
TRUNCKS Messages postés 1030 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 3 juin 2023 - 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

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.
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
25 avril 2012 à 16:58
10 contre 1 que ça ne marche pas ;-)
0
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 ?
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
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 :-/
0
Réponse 2 / 3
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
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>
0
Réponse 3 / 3
TRUNCKS Messages postés 1030 Date d'inscription vendredi 10 août 2007 Statut Membre Dernière intervention 3 juin 2023 7
25 avril 2012 à 18:02
Parfait, merci encore :)
0

Discussions similaires

[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses
[CSS] Mettre un objet au premier plan
Achillion -
tiran58 -

2 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse