Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1318 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

   mozilla - espacement vertical de span/div [raisolu]

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

mozilla - espacement vertical de span/div [raisolu]

n°740388
boulax
Inserer phrase hype en anglais
Posté le 26-05-2004 à 17:00:52  profilanswer
 

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.
mood
Publicité
Posté le 26-05-2004 à 17:00:52  profilanswer
 

n°740704
Profil sup​primé
Posté le 26-05-2004 à 20:37:14  answer
 

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

n°740707
boulax
Inserer phrase hype en anglais
Posté le 26-05-2004 à 20:42:18  profilanswer
 

je devrai mettre inline alors ?


---------------
Posté depuis des chiottes, sales. Me gusta.
n°740722
Profil sup​primé
Posté le 26-05-2004 à 20:48:44  answer
 

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

n°740727
boulax
Inserer phrase hype en anglais
Posté le 26-05-2004 à 20:54:44  profilanswer
 

see you demain au taf ;)


---------------
Posté depuis des chiottes, sales. Me gusta.
n°740738
gm_superst​ar
Appelez-moi Super
Posté le 26-05-2004 à 21:13:58  profilanswer
 
n°740740
simogeo
j'ai jamais tué de chats, ...
Posté le 26-05-2004 à 21:14:40  profilanswer
 
n°740741
simogeo
j'ai jamais tué de chats, ...
Posté le 26-05-2004 à 21:15:10  profilanswer
 
n°741032
boulax
Inserer phrase hype en anglais
Posté le 27-05-2004 à 09:36:52  profilanswer
 

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.
n°741046
Profil sup​primé
Posté le 27-05-2004 à 09:44:54  answer
 

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

mood
Publicité
Posté le 27-05-2004 à 09:44:54  profilanswer
 

n°741047
Profil sup​primé
Posté le 27-05-2004 à 09:45:10  answer
 

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

n°741050
boulax
Inserer phrase hype en anglais
Posté le 27-05-2004 à 09:45:42  profilanswer
 

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.
n°741074
Profil sup​primé
Posté le 27-05-2004 à 09:59:33  answer
 

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

n°741077
Profil sup​primé
Posté le 27-05-2004 à 10:00:26  answer
 

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

n°741078
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-05-2004 à 10:00:52  profilanswer
 

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
n°741079
boulax
Inserer phrase hype en anglais
Posté le 27-05-2004 à 10:01:27  profilanswer
 

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.
n°741081
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-05-2004 à 10:01:41  profilanswer
 

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
n°741084
boulax
Inserer phrase hype en anglais
Posté le 27-05-2004 à 10:02:39  profilanswer
 

euh pas bete, je vais essayer


---------------
Posté depuis des chiottes, sales. Me gusta.
n°741085
Profil sup​primé
Posté le 27-05-2004 à 10:03:12  answer
 

ha ok :o

n°741096
boulax
Inserer phrase hype en anglais
Posté le 27-05-2004 à 10:07:25  profilanswer
 

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


---------------
Posté depuis des chiottes, sales. Me gusta.
n°741098
Profil sup​primé
Posté le 27-05-2004 à 10:08:16  answer
 

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

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

   mozilla - espacement vertical de span/div [raisolu]

 

Sujets relatifs
[JS/CSS] Probleme sous mozilla pas sous IE d'action sur CSS dans un JS[CSS] espace vertical
<marquee> ou equivalent defilement vertical en xtml help!Alignement vertical dans un div
ouvrir un navigateur (mozilla) avec python[html/css] espacement vertical ?
php include et Mozilla ....[js] compatibilité IE/Mozilla pour trier un <table> d'une page html
pb d'alignement vertical de texte dans un DIV 
Plus de sujets relatifs à : mozilla - espacement vertical de span/div [raisolu]


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR