Discussion :

[Lilouse]

Bonjour

Je souhaite faire une barre de progression correspondante au changement d'une variable en php.

Voila le code html pour une valeur donné à cette variable :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div id="barredeprogression1">
     <div class="espacevide">
     </div>
     <img class="blocprogres" src="unblocuni.png"/>
     <img class="blocprogres" src="unblocuni.png"/>
</div>

Le nombre d'image est dynamique.

La taille de ma barre de progression est défini en css par le div #barredeprogression1

Je souhaite que mes images soit placé en bas de mon div #barredeprogression1 peut importe l'ordre. J'ai essayé de faire un div #espacevide pour pousser les images vers le bas avec comme code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.espacevide {
	margin-bottom: 100%;
}

Mais cela fait juste descendre un peu mes images. Je ne peux pas donner une taille fixe dans le sens qu'elle varie selon le nombre d'image présent dans mon code.

Es ce que quelqu'un serait comment faire pour maintenir mes images empilé en bas de mon div ?

[Bisûnûrs]

Pourquoi ne pas simplement faire une image d'un pixel à laquelle tu donnes une taille différente en fonction de la progression, plutôt que d'empiler des images et d'accroitre le nombre de requêtes HTTP ?

[Lilouse]

Je ne vois pas comment faire ça en respectant les normes. Le seul moyen que je vois de faire ça se serait de mettre un attribut style dans ma balise image. Il y en a un autre ?

Mais cela ne résoudra pas mon problème vu que l'image ne sera toujours pas en bas de mon div.

[Bisûnûrs]

Tu pourrais nous montrer une image du résultat que tu souhaites obtenir ? (avec par exemple différentes étapes de la progression)