mozilla - espacement vertical de span/div [raisolu]

mozilla - espacement vertical de span/div [raisolu] - HTML/CSS - Programmation

Marsh Posté le 26-05-2004 à 17:00:52    

Bonjour,
 
Je n'arrive pas a coller verticalement des balises span séparées par un saut de ligne sous mozilla.
 
avec ie :
http://img12.imageshack.us/img12/1038/Image20.png
 
avec mozilla  
http://img12.imageshack.us/img12/1204/Image19.png
 
les balises span ont comme classe "clfeuille"
les images ont comme classe "climage"
les span sont contenu dans un div de classe "blocfils"
 
les styles :

Code :
  1. .clfeuille
  2. {
  3. margin:0px;
  4. padding:0px;
  5. border-spacing:0px;
  6. border-width:0px;
  7. font-family:arial;
  8. font-size:10px;
  9. vertical-align:middle;
  10. }
  11. .climage
  12. {
  13. vertical-align:middle;
  14. margin:0px;
  15. padding:0px;
  16. border-spacing:0px;
  17. border-width:0px;
  18.         display:inline;
  19. }
  20. .blocfils
  21. {
  22. margin:0px;
  23. padding:0px;
  24. border-spacing:0px;
  25. border-width:0px;
  26. }


 
Voila ca marche avec ie, pas avec moz... Y' quelque chose que j'ai pas vu ?


Message édité par boulax le 27-05-2004 à 10:07:54

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 26-05-2004 à 17:00:52   

Reply

Marsh Posté le 26-05-2004 à 20:37:14    

ha ben a tout les coup c'est  
 
img { display:block; } :D

Reply

Marsh Posté le 26-05-2004 à 20:42:18    

je devrai mettre inline alors ?


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 26-05-2004 à 20:48:44    

waip surement
 
a vrai dire je sais pas trop mais deja matte si display fonctionne :)

Reply

Marsh Posté le 26-05-2004 à 20:54:44    

see you demain au taf ;)


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 26-05-2004 à 21:14:40    

Reply

Marsh Posté le 26-05-2004 à 21:15:10    

Reply

Marsh Posté le 27-05-2004 à 09:36:52    

négatif, j'ai mis le inline et toujours le meme problème  :cry:  
 
voici les sourcex exactes
 

Code :
  1. <div class="treecontainer">
  2. <span id="elemdiv00" onclick="openclosenode('div00','imgdiv00','')" class="clfeuille" ><img class="climage" id="imgdiv00" src="/archistrasbourg/test/img/folderopen.gif"/>Administration</span>
  3. <br/>
  4. <div name="div00" id="div00" style="display:block" class="blocfils">
  5. <span id="elemdiv10" onclick="openclosenode('div10','imgdiv10','bimgdiv10')" class="clfeuille" ><img class="climage" id="bimgdiv10" src="/archistrasbourg/test/img/pnode.gif"/><img class="climage" id="imgdiv10" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php" target="corps">Gestion de données</a></span>
  6. <br/>
  7. <div name="div10" id="div10" style="display:none" class="blocfils">
  8. <span id="elemdiv20" class="clfeuille" ><img class="climage" src="/archistrasbourg/test/img/vertline.gif"/><img class="climage" src="/archistrasbourg/test/img/node.gif"/><img class="climage" id="imgdiv20" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php?nomtable=utilisateur" target="corps">Utilisateur</a></span>
  9. <br/>
  10. <span id="elemdiv21" class="clfeuille" ><img class="climage" src="/archistrasbourg/test/img/vertline.gif"/><img class="climage" src="/archistrasbourg/test/img/node.gif"/><img class="climage" id="imgdiv21" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php?nomtable=typeutilisateur" target="corps">Types d'utilisateurs</a></span>
  11. <br/>
  12. <span id="elemdiv22" class="clfeuille" ><img class="climage" src="/archistrasbourg/test/img/vertline.gif"/><img class="climage" src="/archistrasbourg/test/img/node.gif"/><img class="climage" id="imgdiv22" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php?nomtable=ville" target="corps">Villes</a></span>
  13. <br/>
  14. <span id="elemdiv23" class="clfeuille" ><img class="climage" src="/archistrasbourg/test/img/vertline.gif"/><img class="climage" src="/archistrasbourg/test/img/node.gif"/><img class="climage" id="imgdiv23" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php?nomtable=quartier" target="corps">Quartiers</a></span
  15. ><br/>
  16. <span id="elemdiv24" class="clfeuille" ><img class="climage" src="/archistrasbourg/test/img/vertline.gif"/><img class="climage" src="/archistrasbourg/test/img/node.gif"/><img class="climage" id="imgdiv24" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php?nomtable=sousquartier" target="corps">Sous-quartiers</a></span>
  17. <br/>
  18. <span id="elemdiv25" class="clfeuille" ><img class="climage" src="/archistrasbourg/test/img/vertline.gif"/><img class="climage" src="/archistrasbourg/test/img/node.gif"/><img class="climage" id="imgdiv25" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php?nomtable=personne" target="corps">Personnes</a></span>
  19. <br/>
  20. <span id="elemdiv26" class="clfeuille" ><img class="climage" src="/archistrasbourg/test/img/vertline.gif"/><img class="climage" src="/archistrasbourg/test/img/node.gif"/><img class="climage" id="imgdiv26" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php?nomtable=typepersonne" target="corps">Type de personnes</a></span>
  21. <br/>
  22. <span id="elemdiv27" class="clfeuille" ><img class="climage" src="/archistrasbourg/test/img/vertline.gif"/><img class="climage" src="/archistrasbourg/test/img/node.gif"/><img class="climage" id="imgdiv27" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php?nomtable=typeimage" target="corps">Type d'images</a></span>
  23. <br/>
  24. <span id="elemdiv28" class="clfeuille" ><img class="climage" src="/archistrasbourg/test/img/vertline.gif"/><img class="climage" src="/archistrasbourg/test/img/lastnode.gif"/><img class="climage" id="imgdiv28" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php?nomtable=typecourantarchitecture" target="corps">Courants architecturaux</a></span>
  25. <br/>
  26. </div>
  27. <span id="elemdiv11" class="clfeuille" ><img class="climage" src="/archistrasbourg/test/img/lastnode.gif"/><img class="climage" id="imgdiv11" src="/archistrasbourg/test/img/folderclosed.gif"/><a class="lienmenu" href="./donnees.php" target="corps">Dossiers Photos</a></span>
  28. <br/>
  29. </div>
  30. </div>


Message édité par boulax le 27-05-2004 à 09:37:53

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 27-05-2004 à 09:44:54    

ben c'est pas inline c'est block :o

Reply

Marsh Posté le 27-05-2004 à 09:44:54   

Reply

Marsh Posté le 27-05-2004 à 09:45:10    

t'as mis img{ display:block;} ?

Reply

Marsh Posté le 27-05-2004 à 09:45:42    

chacal_one333 a écrit :

ben c'est pas inline c'est block :o


bah non avec block il saute une ligne entre chaque image, ce qui empire considerablement le resultat.
 
http://img11.imageshack.us/img11/5757/Image11.png


Message édité par boulax le 27-05-2004 à 09:48:05

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 27-05-2004 à 09:59:33    

mais les span c'est considerer comme un block nan?
ca doit etre normal que ca fasse un espace

Reply

Marsh Posté le 27-05-2004 à 10:00:26    

et le inline dans ton span + img block ca donne quoi? [:meganne]

Reply

Marsh Posté le 27-05-2004 à 10:00:52    

chacal_one333 a écrit :

mais les span c'est considerer comme un block nan?


 
span c'est de l'inline


Message édité par antp le 27-05-2004 à 10:01:06

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 27-05-2004 à 10:01:27    

non justement par defaut span c'est inline et div c'est block.
 
En fait j'ai réussi a avoir le résultat voulu avec mozilla ET ie la semaine derniere mais quand je suis revenur j'ai fait des modifs et now c'est comme ca et pas moyen de voir a quoi c'est du !!!!


Message édité par boulax le 27-05-2004 à 10:01:46

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 27-05-2004 à 10:01:41    

plutôt que des span avec des <br> perso je mettrais des div qui iront les uns en dessous des autres naturellement :o (il me semble)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 27-05-2004 à 10:02:39    

euh pas bete, je vais essayer


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 27-05-2004 à 10:03:12    

ha ok :o

Reply

Marsh Posté le 27-05-2004 à 10:07:25    

C'est la magique :)  
[:crash override] antp
 


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 27-05-2004 à 10:08:16    

maintenant que antp le dit j'avait eu le meme probleme :wahoo:

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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