clear:both ...j'ai pas encore compris...

clear:both ...j'ai pas encore compris... - HTML/CSS - Programmation

Marsh Posté le 12-04-2006 à 17:32:23    

Et oui... c'est encore moi ! qu'est ce que je ferai sans vous....  :hello:  
 
Bon alors les clear:both; ça a l'air dément... simplement ça marche pas ! lol!
 
j'explique :
 
- j'ai une succession de blocs qui sont tous en float:left;
- dans ces blocs, se trouvent une image (qui est aussi en float:left)  
- et un <p> contenant du texte
 
en code ça donne ça :
 

Code :
  1. <div id="cadeau_4" class="bloc_cadeau_item">
  2. <a href="./Boutique?id_article=40">
  3. <img src="/boutique/IMG/62" width="95" height="110" alt="Madagascar" border="0">
  4. </a>
  5. <p>   
  6. <img src="./img/1/nav_gauche_fleche1.jpg" alt="puce" width="11" height="8" />
  7. <a href="./Boutique?id_article=40" class="lien_libelle">Madagascar</a>
  8. <br />
  9. Lorsqu'un lion, un z&egrave;bre, une girafe, un hippopotame
  10. et une poign&eacute;e de pingouins psychotiques fuient
  11. leur zoo new-yorkais pour secourir l'un des leurs,
  12. l'aventure s'&eacute;crit avec un grand A. Et lorsque le
  13. destin les r&eacute;unit sur l'&icirc;le de Madagascar,
  14. ils doivent apprendre en formation acc&eacute;l&eacute;r&eacute;e
  15. les rudiments de la vie &agrave; l'air libre
  16. </p>
  17. <hr class="spacer" />
  18. </div>
  19. <!-- fin cadeau 4 -->


 
en suivant les conseils de je ne sais plus quel site, j'ai pu voir qu'en mettant un hr avec un clear:both le bloc parent reprendrait la hauteur du texte courant...
 
mais là moi.. ça marche pô !!! :( j'ai tout qui se chevauche sur FF et sur machintoque... je sais pas ce que j'ai pas compris mais j'ai pas compris !!  
 
voila ça en action : http://www.freedfromparis.com/temp [...] r_both.htm

Reply

Marsh Posté le 12-04-2006 à 17:32:23   

Reply

Marsh Posté le 12-04-2006 à 18:29:52    

je crois avior trouvé.. j'avais mis un height:150px; à mon bloc parent ! alors forcement....
 
:jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed