Page 1 sur 3

Interprétation CSS

Publié : 02 avr. 2018, 11:00
par kkwet3869
Bonjour,
dans le css de mon site se trouve l’élément suivant : list-style-type: decimal; pour définir une liste.
Sous Firefox, à l'ouverture de la page, la liste est numérotée de façon incomplète. Si je bascule sur un autre onglet, puis reviens sur la page, la liste est alors numérotée correctement.
Quelqu'un a-t-il remarqué un phénomène de ce type ?
J'ai essayé avec Chrome, tout est normal.
Cordialement
André

Re: Interprétation CSS

Publié : 02 avr. 2018, 11:09
par kkwet3869
Je m'aperçois que j'ai oublié de donner le contexte :
59.0.2 (64 bits)
Mozilla Firefox for Ubuntu
canonical-1.0

Re: Interprétation CSS

Publié : 02 avr. 2018, 21:49
par chriss..

Re: Interprétation CSS

Publié : 03 avr. 2018, 09:40
par kkwet3869
Chez-moi, cela ne fonctionne correctement qu'avec les paramètres circle, square et disc

Re: Interprétation CSS

Publié : 03 avr. 2018, 10:52
par lool_lauris
Salut,

Pourrais-tu communiquer le lien que tu trouves défectueux ?
.

Re: Interprétation CSS

Publié : 03 avr. 2018, 11:10
par kkwet3869
Voici le lien, le pb se pose sur 2 ordinateurs qui ont les mêmes versions d'Ubuntu et de Firefox :
http://www.limonest-patrimoine.net/inde ... =lp_batp06

Re: Interprétation CSS

Publié : 03 avr. 2018, 12:36
par lool_lauris
Si j'affiche ta page, effectivement la numérotation s'arrête à 3.
Si je clique sur un autre onglet puis reviens sur ta page en cliquant sur l'onglet, alors là la numérotation est complète (jusqu'à 9).

J'ai récupéré le code source de ta page index (que j'ai nommée index.html) et le css associé. Et là, quand j'affiche la page, la numérotation est totalement affichée. Bien sûr, je n'ai pas le php donc mon test est boiteux...

Peut-être dû aux propriétés "responsive". Autre truc, probablement sans incidence, mais dans ton css, il n'y a pas d'espace entre la propriété et la classe

Code : Tout sélectionner

ul.dec
{
list-style-type: decimal;
}
Sinon, sur la validation W3C pas mal d'erreurs signalées :
HTML => https://validator.w3.org/check?uri=http ... ne&group=0
CSS => https://jigsaw.w3.org/css-validator/val ... g=&lang=fr
Tu devrais y jeter un oeil.
:)

Re: Interprétation CSS

Publié : 03 avr. 2018, 13:29
par kkwet3869
OK, je vais voir pour la validation W3C, de toute manière, il fallait que j(y passe.
- As-tu remarqué que si tu cliques directement sur le lien, l'affichage est mauvais alors que si tu cliques droit et ouvrir dans un autre onglet, l'affichage est correct ?
- Je ne vois pas bien quel espace tu évoques.

Re: Interprétation CSS

Publié : 03 avr. 2018, 18:16
par kkwet3869
J'ai remis CSS et HTML à niveau.
Le pb est toujours présent

Re: Interprétation CSS

Publié : 03 avr. 2018, 19:23
par lool_lauris
Pour l'espace, c'est entre ul et .dec dans le CSS :

Code : Tout sélectionner

ul.dec
{
list-style-type: decimal;
}
Mais je ne pense pas que ça ait de l'importance.

En tous cas, quand je récupère ton code, dépouillé du php, le problème n’apparaît pas.
.

Re: Interprétation CSS

Publié : 05 avr. 2018, 03:11
par Gloops
Bonjour,
Sous Windows 10 et Firefox 59.0.2, à peu près pareil :
- dupliquer onglet puis cliquer sur le lien : la numérotation commence à la cinquième ligne, à 5
- clic droit et ouvrir le lien dans un nouvel onglet : affichage correct

Re: Interprétation CSS

Publié : 05 avr. 2018, 15:18
par kkwet3869
Bonjour,
j'ai réécrit ma page en html. Si je l'appelle localement, elle s'affiche correctement, si je l'appelle depuis le serveur,ce n'est pas bon :
http://www.limonest-patrimoine.net/test.html
Je rappelle qu'avec Chromium il n'y a pas de problème.

Re: Interprétation CSS

Publié : 05 avr. 2018, 16:04
par chriss..
Bonjour,
Voilà, moi, ce que je vois avec FF
Image
cela me semble correct

Re: Interprétation CSS

Publié : 05 avr. 2018, 16:10
par Gloops
Presque !
Le dernier paragraphe (En complément ...) devrait être numéroté 9.
C'est toujours mieux que moi qui en ai 4 dont les numéros n'apparaissent pas, mais au début.
Du coup ça fait l'occasion de constater que l'incrémentation fonctionne, c'est l'affichage du compteur qui laisse à désirer.

Re: Interprétation CSS

Publié : 05 avr. 2018, 16:20
par pepersan
Depuis mon pc

Image