pbm avec le style d'un span imbriqué

pbm avec le style d'un span imbriqué - HTML/CSS - Programmation

Marsh Posté le 29-09-2008 à 15:00:21    

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?

Reply

Marsh Posté le 29-09-2008 à 15:00:21   

Reply

Marsh Posté le 29-09-2008 à 15:02:10    

tu devrai utiliser un div plutot qu'un span  

Reply

Marsh Posté le 29-09-2008 à 15:24:45    

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]
Reply

Marsh Posté le 29-09-2008 à 15:29:25    

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

Reply

Marsh Posté le 29-09-2008 à 17:03:19    

merci !

Reply

Sujets relatifs:

Leave a Replay

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