Aller au menu - Aller au contenu
> Le Site du Zéro > Cours > Tutoriels > Site Web > XHTML / CSS > [CSS] Les compteurs > Lecture des commentaires

[CSS] Les compteurs


Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page 1 
Pseudo Commentaire
Page 1 
Hors ligne Jashugal # Posté le 14/07/2006 à 00:07:50
WebKiwi Network
Avatar

Code : CSS
body { counter-reset: prout 99 }

Je vais m'entendre avec lui :D

Ca va m'être pratique ça, merci :)

Image utilisateur
 
Connecté Itello # Posté le 14/07/2006 à 14:24:33
Ahhhh !
Avatar
Flux RSS

Ville : Paris
Pays : France métropolitaine

N'hésitez pas à commenter le tutorial mais je ne pourrais vous répondre qu'après les vacances.
Pour le moment, je n'ai que rarement une connexion à Internet mais dès le 20, je n'en n'aurais plus du tout.

J'essayerai de voir pour rajouter la proposition de Thunderseb (donnée en privée) et celles que vous me donnerez vous aussi.

Merci de votre compréhension.

zCorrecteurs.fr
 
Hors ligne SpotZup # Posté le 15/07/2006 à 22:40:15
Go n7
Avatar

études : ENSEEIHT

Tiens, je ne connaissais pas ces compteurs en Css :) La connaissance n'a pas de limites :p Clair, agréable et utile, Marchi !

----------= Diviser pour Régner =------------
>> ActionScripteur de 3ème génération <<
 
Hors ligne Thunderseb # Posté le 21/07/2006 à 22:16:37
Responsable de la validation
Avatar
Validateurs

Ville : Liège
Pays : Belgique

eheh, ce que je t'ai dit en privé n'est pas secret, tu peux le dire ^^

en fait, :before et :after, IE il ne connait pas. mais il y a moyen de s'en sortir avec le Scipt IE7 ( http://www.siteduzero.com/tuto-3-6822-1-le-script-ie7.html ou http://dean.edwards.name/IE7/ ) ;)
 
Connecté Itello # Posté le 23/07/2006 à 14:13:13
Ahhhh !
Avatar
Flux RSS

Ville : Paris
Pays : France métropolitaine

Ok Thunderseb. Merci.
Mais ton script rajoute counter(), counter-reset et counter-increment ?

zCorrecteurs.fr
 
Hors ligne Bogoris # Posté le 30/07/2006 à 22:38:36

Eh bah dis donc je me doutais pas que le CSS pouvait avoir des fonctions du genre, être aussi puissant o_O .
En tous cas merci beaucoup de m'avoir fait découvrir cette fonction bien intéressante, je vois d'ici ma prof de SVT de 4ème me faire des :
Code : CSS


body
{
counter-reset: chapitre;
}
h1
{
counter-reset: sous_chapitre;
}
h1:before {
    counter-increment: chapitre;  /* Ajoute 1 au compteur chapitre */
    content: counter(chapitre, decimal);
}
h2:before {
    counter-increment: sous_chapitre;  /* Ajoute 1 au compteur section */
    content: counter(chapitre, decimal) " - " counter(sous_chapitre, decimal) " . ";
}


:p

Au fait, je te mets 20/20 ;) .
Hors ligne Janeo # Posté le 02/09/2006 à 09:13:51

Très utile, je ne savais pas que CSS pouvait faire ça !
Hors ligne Cygdar # Posté le 04/03/2007 à 19:10:24
Avatar

Parfait !
Voici un tuto qui fait découvrir quelque chose de nouveau à tous ses lecteur s^^

Beau travail
Hors ligne Tidus2 # Posté le 16/03/2007 à 19:35:48
Better safe than sorry...
Avatar
Flux RSS

Très bien expliqué et très utile. Donc je te mets 20.

Comme quoi, le CSS peut arriver au niveau du JS et du PHP (mais faut pas trop en demander non plus :-° )

Comment faire un bon post de demande d'aide sur un forum.
En clair : lire la doc, chercher tout seul d'abord longtemps, puis lire la FAQ du forum concerné et ENFIN poster, dans les règles de l'art. ;)
Image utilisateur
 
Connecté Itello # Posté le 16/03/2007 à 19:45:39
Ahhhh !
Avatar
Flux RSS

Ville : Paris
Pays : France métropolitaine

Eh bien Tidus2, en fait on ne peut pas vraiment comparer CSS, Javascript et PHP.
Aucun des deux n'a la même utilité. CSS, lui, sert simplement à faire la présentation de son site web. Il est normal qu'il n'ait pas autant de fonctions que les deux autres.

Et merci de tes encouragements. :)

zCorrecteurs.fr
 
Hors ligne KorangaR # Posté le 24/06/2007 à 10:51:05

Tutoriel bien rédigé, bien expliqué et confortable à lire. Tu aurais du peut-être préciser que ca ne marche pas non plus sous Safari 2(mais marche sur Safari 3) et Mozilla/Firefox 1.0, il faut bien trouver un défaut quand même.

Vivement ton prochain tutoriel. ^^
Hors ligne Natim # Posté le 24/05/2008 à 11:11:05
Apprendre à coder c'est coder
Avatar
Anciens
Flux RSS

Ville : Beaucourt
Pays : France métropolitaine
études : UTBM

Très bon tuto que j'ai eu plaisir à lire et à découvrir :D
Je ne savais même pas qu'il y avait des compteurs en CSS :-°
On n'a jamais fini d'apprendre :D
 
Hors ligne bbsebb # Posté le 24/05/2008 à 11:11:57
Avatar

Bien expliqué et très enrichissant, je connaissais un peu les pseudo-balises :before et :after mais de là à faire un compteur en CSS chapeau :o !

Le seul problème est la compatibilité avec tous les navigateurs qui même sans avoir essayé, ne doit pas être bonne ... aahhhhh si tous le monde avait le même moteur de rendu !

PS: Je ne met pas 20 parce que les pamplemousse d'Italie du Nord, ils sont très bons d'abord :p !
Hors ligne Varouj # Posté le 24/05/2008 à 12:13:46
Varouj'z
Avatar

études : EFREI

Merci pour ce tutoriel, je ne connaissais pas non plus les compteurs en CSS.
C'est assez pratique.
Sinon il y a une petite faute de frappe :
Citation : Tuto
1 . Vive le fromage

Ce n'est pas compliqué ^^ ...
 
Hors ligne EMegamanu # Posté le 10/08/2008 à 23:45:04
Avatar

études : Université de Lyon

Héhé ! Merci pour ce tuto. C'es grâce à toi que j'ai enfin pu marcherun compteur CSS sous Firefox ! o/

Tu t'en doutras, j'ai quelques commentaires. Tout d'abord :
Citation : Pas de titre
  • cjk-ideographic Numérotation en cjk-ideographic. non-disponible
  • hiragana Numérotation en hiragana. a, i, u, etc.
  • katakana Numérotation en katakana. A, I, U, etc.
  • hiragana-iroha Numérotation en hiragana iroha. i, ro, ha, etc.


Ne me plait guère. > : (

CJK signifie Chinois Japon Corée. C'est la notation asiatique des nombres la plus courante je crois.
Pour hiragna et katakana il aurait été bien de mettre de vrai caractères japonais comme affichés et non leur retranscription en romanji.

Pour le dernier, je ne sais pas ce que c'est. ^^

En tout cas impec' sous FF3 et Safari chez moi. Opera es à la traine et ne m'affiche que ces chiffres arabes. ^^"

Allez 17/20 ! :)
 
Connecté Itello # Posté le 26/08/2008 à 17:20:29
Ahhhh !
Avatar
Flux RSS

Ville : Paris
Pays : France métropolitaine

Si tu souhaites refaire ce tableau, ça ne sera pas de refus.
Je regarderai quant à moi plus tard si je trouve une source plus intéressante.

Pour ce tuto, il faudra que je rajoute des informations sur les compteurs multiples et corrige les quelques erreurs qui m'ont été signalées.
Peut-être même un tableau de compatibilité. Mais plus tard, j'ai la flemme en ce moment.

zCorrecteurs.fr
 
Hors ligne Doomsayer # Posté le 19/03/2009 à 21:05:22
Avatar

Je viens de tester sur IE 8 qui est dispo depuis tout à l'heure, les compteurs semblent désormais fonctionner correctement.
Connecté Itello # Posté le 19/03/2009 à 21:17:31
Ahhhh !
Avatar
Flux RSS

Ville : Paris
Pays : France métropolitaine

C'est en effet une très bonne nouvelle. Il faudrait vraiment que je modifie mon tuto. Ça attendra tout de même juillet :D

zCorrecteurs.fr
 
Pour accéder à cette section
Connectez-vous !
connexion_rpx