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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML / CSS] problèmes avec SPAN vide

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML / CSS] problèmes avec SPAN vide

n°580037
k666
dites non à petitmou
Posté le 01-12-2003 à 10:24:31  profilanswer
 

salut!
 
j'ai un ptit comportement non souhaité avec mozilla; en effet, j'essaye sur une ligne d'avoir trois "cases" (donc utilise des span pour pas que ca aille a la ligne et pour pas devoir spécifier des position:absolute; qui impliqueraient de tout gérer à la mano); ci-dessous un exmple:

Code :
  1. <html>
  2. <head>
  3. <style>
  4. .bloc1 {width:20px; height:20px; background-color:blue;}
  5. .bloc2 {width:20px; height:20px; background-color:white;}
  6. .bloc3 {background-color:red;}
  7. </style>
  8. </head>
  9. <body>
  10. <span class="bloc1"></span>
  11. <span class="bloc2"></span>
  12. <span class="bloc3">coucou</span>
  13. </body>
  14. </html>


 
ce code fait ce que je souhaite sous IE mais pas sur mozilla, où les éléments bloc1 et bloc2 ne s'affichent pas (et c bloc3 qui s'affiche) et que la seule façon que ça les affiche, c en mettant du contenu à l'intérieur; je ne sais pas si j'oublie quelque chose, mais ce que j'attendais c'est que, ayant spécifié la taille des blocs/classes css, qu'il les respecte !
 
Si quelqu'un a une idée de ce qui peut clocher là ? merci beaucoup car je trouve vraiment pas :/


Message édité par k666 le 01-12-2003 à 10:45:55
mood
Publicité
Posté le 01-12-2003 à 10:24:31  profilanswer
 

n°580057
sibelius
Vous êtes sûr ?
Posté le 01-12-2003 à 10:37:48  profilanswer
 

Les spans sont des balises inline : elle ne sont pas faites pour avoir des dimensions (width, height). Pour cela il faut utiliser des balises en bloc comme div.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°580073
k666
dites non à petitmou
Posté le 01-12-2003 à 10:44:43  profilanswer
 

et du coup il faut donc spécifier des positionnements absolus avec tous les problèmes que celà engendre ?

n°580152
antp
Super Administrateur
Champion des excuses bidons
Posté le 01-12-2003 à 11:06:13  profilanswer
 

Dans ce genre de cas c'est pas plus simple d'utiliser un tableau ? :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°580221
k666
dites non à petitmou
Posté le 01-12-2003 à 11:30:09  profilanswer
 

j'ai demandé sur mozillazine et en effet c pas un bug, mais c mon ignorance!
un mec m'a donné la soluce, pour mes span, il suffit de rajouter:
 
display:block; float:left;

n°580249
antp
Super Administrateur
Champion des excuses bidons
Posté le 01-12-2003 à 11:39:23  profilanswer
 

si c'est pour le foutre en display block autant utiliser un div, vu qu'un span c'est juste un div qui est en display inline :o


Message édité par antp le 01-12-2003 à 11:39:39

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°580250
urd-sama
waste of space
Posté le 01-12-2003 à 11:41:13  profilanswer
 

et un espace insécable à l'intérieur?

n°580347
sibelius
Vous êtes sûr ?
Posté le 01-12-2003 à 13:02:04  profilanswer
 

display:block; float:left; >>>
 
Inutile de mettre un display block car en le positionnant en flottant il devient automatiquement un bloc ;)
 
Mais comme le dit antp : passer une balise inline en bloc est complètement inutile puisqu'une autre balise remplit EXACTEMENT cette fonction : <div>


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°580348
sibelius
Vous êtes sûr ?
Posté le 01-12-2003 à 13:02:48  profilanswer
 

Urd-sama a écrit :

et un espace insécable à l'intérieur?


Et pourquoi pas des spacer.gif ?  :D  ...  :non:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°580349
urd-sama
waste of space
Posté le 01-12-2003 à 13:06:14  profilanswer
 

SIBELIUS a écrit :


Et pourquoi pas des spacer.gif ?  :D  ...  :non:  


bon on est d'accord, c'est une solution de merde  :sol:

mood
Publicité
Posté le 01-12-2003 à 13:06:14  profilanswer
 

n°580419
k666
dites non à petitmou
Posté le 01-12-2003 à 14:25:05  profilanswer
 

:d
 
j'ai enfin compris (ou appris) ce que c'était le inline et le block:jap:

n°580447
sibelius
Vous êtes sûr ?
Posté le 01-12-2003 à 14:51:11  profilanswer
 

K666 > il suffisait de demander ;) http://www.alsacreations.com/articles/div/


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

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

  [HTML / CSS] problèmes avec SPAN vide

 

Sujets relatifs
Récuperer du HTML avec VBS ...Convertir des caractères en code HTML correspondant
un site en PHP/MySQL avec seulement des pages HTML en cache !?!?Transformation XML/XSL -> HTML dans un web-browser (pas forcement IE)
[CSS] question sur <span>[ html ] donner de la couleur à "title"
[HTML] Thead(HTML/JS aussi)Recuperation de valeur contenu entre les TAG
[HTML] Insertion de caractères spéciaux ![Mail] Format encode d'un texte HTML
Plus de sujets relatifs à : [HTML / CSS] problèmes avec SPAN vide


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