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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  pbm avec le style d'un span imbriqué

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

pbm avec le style d'un span imbriqué

n°1793373
Profil sup​primé
Posté le 29-09-2008 à 15:00:21  answer
 

Bonjour,
j'essaie de faire une barre de progression qui va dynamiquement de 0 à 100% (pour suivre la progression d'un mailing).
J'ai donc ce code html:
 

Code :
  1. <div class="progression">
  2. <span class="envoi" id="SuiviProgression"></span>
  3. </div>


 
et cette feuille de style :
 

Code :
  1. .progression{
  2. width:3000px;
  3. height:1.5em;
  4. border:1px solid #000000;
  5. margin:10px;
  6. }
  7. .envoi{
  8. width:2150px;
  9. background-color:green;
  10. }


 
Ce qui me pose pbm est la largeur du span SuiviProgression. C'est cette largeur qui devra être modifié dynamiquement par la suite pour faire l'effet d'une barre de progression.
Hors elle ne fait pas la taille que je lui indique. Elle ne s'affiche pas lorsque le span est vide, et lorsque je mets des caractères dedans :

Code :
  1. [cpp]<div class="progression">
  2. <span class="envoi" id="SuiviProgression">%</span>
  3. </div>

[/cpp]
 
sa largeur est juste la taille qu'il faut pour faire rentrer les caractères, et non la taille que je lui est indiqué dans la feuille de style.
 
Qqu'un sait pourquoi?

mood
Publicité
Posté le 29-09-2008 à 15:00:21  profilanswer
 

n°1793375
flo850
moi je
Posté le 29-09-2008 à 15:02:10  profilanswer
 

tu devrai utiliser un div plutot qu'un span  

n°1793387
bul3
Posté le 29-09-2008 à 15:24:45  profilanswer
 

bonjour,
 
flo++
          width, pour un span, ne fonctionne qu'avec IE
          ( et certains diront que c'est normal que ce ne soit pas pris en compte ;o)
 
@+


Message édité par bul3 le 29-09-2008 à 15:25:34

---------------
[mon site] [m'écrire]
n°1793392
flo850
moi je
Posté le 29-09-2008 à 15:29:25  profilanswer
 

on peut feinter en déclarant le span en block , mais autant utiliser directement un block plutot qu'un element inline ( span )  

n°1793485
Profil sup​primé
Posté le 29-09-2008 à 17:03:19  answer
 

merci !


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

  pbm avec le style d'un span imbriqué

 

Sujets relatifs
class CSS != balise style 0o [auto-résolu][JS] recherche calendrier javascript style thunderbird
Question style de lien aux pros du HTML/CSSLes fichiers de style CSS ne se chargent pas!
[Résolu] Style Css Formulaire IE6Style CSS dans <option>
Coding-style, les vilaines habitudes des programmeurs.problemme de style
Jquery - Bug script perso- style Jcarousel (très très basique!!)question simple, difference entre deux classes CSS
Plus de sujets relatifs à : pbm avec le style d'un span imbriqué


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