Compteur envers avec CSS
Résolu
milouinbobo
Messages postés
20
Date d'inscription
Statut
Membre
Dernière intervention
-
milouinbobo Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
milouinbobo Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je souhaiterais mettre sur mon site Internet un compter qui va au lieu de 1 vers 10, de 10 vers 1.
Donc le texte en bas sera n°1 et le texte en haut n°10.
Quand j'ajoute un nouveau texte en haut, il devient n°11.
Je cherche un code CSS.
Qui peut m'aider ?
Merci d'avance
<ol>
<il>a</il>
<il>b</il>
<il>c</il>
<il>d</il>
</ol>
donne actuellement
1 a
2 b
3 c
4 d
Je souhaiterais qu'il devient
4 a
3 b
2 c
1 d
Je souhaiterais mettre sur mon site Internet un compter qui va au lieu de 1 vers 10, de 10 vers 1.
Donc le texte en bas sera n°1 et le texte en haut n°10.
Quand j'ajoute un nouveau texte en haut, il devient n°11.
Je cherche un code CSS.
Qui peut m'aider ?
Merci d'avance
<ol>
<il>a</il>
<il>b</il>
<il>c</il>
<il>d</il>
</ol>
donne actuellement
1 a
2 b
3 c
4 d
Je souhaiterais qu'il devient
4 a
3 b
2 c
1 d
Configuration: Windows XP Internet Explorer 7.0
3 réponses
-
Si je comprend bien ton souhait, ce n'est pas du CSS qu'il te faut.
-
dans ce cas au lieu de créer une liste numérotée avec ol tu crée une liste non ordonnée avec UL et tu ajoute manuellement la numérotation
<ul>
<li>10 a</li>
<li>9 b</li>
<li>8 c</li>
<li>...</li>
<ul>
évidemment si tu bouge un élément tu devras tout renuméroter.
sinon un script en php ou en javascript avec une boucle for -
en php
$donnees = array('a','b','c','d','e','f','g');
$j = count($donnees);
echo '<ul>';
for($i=0;$i<=($j-1);$i++) {
echo '<li>'.($j-$i).' '.$donnees[$i].'</li>';
}
echo '</ul>';
mais c'est vraiment se compliquer la vie pour rien
