Interprétation CSS

[kkwet3869]

En effet, il doit y avoir 9 lignes numérotées, en cas d'erreur, le nombre de lignes numérotées est inférieur (quelquefois de peu !)
Attention, je précise que le pb n'existe qu'en accès direct.
Si ouvrir dans 1 autre onglet : OK
Si retour après consultation d'un autre onglet : OK

[Gloops]

Ah ben là, nickel.
Il faut se rappeler que ça s'affiche comme ça quand on ouvre un onglet pour afficher la page (par exemple, ouvrir le lien dans un nouvel onglet ; je ne serais pas étonné qu'un raccourci sur la page donne ce résultat aussi).
C'est quand on clique sur un lien depuis une autre page que ça laisse à désirer. Peut-être que ça dépend de la page appelante, mais ça on n'a pas encore eu l'occasion de le constater.

[chriss..]

en regardant ta page dans l,inspecteur de FF, j'ai ceci

Ta ligne numéroté #6 ne se "ferme pas comme les autres et ceci est anormal, mais je n,arrive pas à comprendre

EDIT:

elle semble ne pas être écrite pareil que les autres, vérifie dans ton éditeur.
Mais normalement cela devrait marcher....

[lool_lauris]

Salut,

Bon, en affichant directement par le lien (sans zoom - 100%) :
Le 8 est à moitié affiché.


Puis zoom molette ~20% et rafraîchissement de la page :
Le 3 est à moitié affiché.

Le problème est donc lié aux propriétés d'affichage de la page par rapport à la résolution d'écran et pas à la propriété css {list-style-type: decimal;}. Comme je te l'ai déjà indiqué, les propriétés "responsive" que tu as mises en place, en sont peut-être la cause.


Si ce n'est déjà fait, je te suggère de contacter les sites spécialisés tels :
=> https://www.alsacreations.com/
=> https://openclassrooms.com/dashboard

Si l'un d'eux te donne la solution, merci de nous en faire un retour.
.

[Gloops]

Hum ... C'est bien possible, cela étant dit j'avoue ne pas avoir suivi comment tu en es arrivé à cette conclusion.

[kkwet3869]

Pour Gloops : le pb se pose même si je saisis l'url dans la zone réservée
Pour Chriss : j'ai saisi à nouveau le texte, sans copié/collé, le pb reste entier
Pour Lool_lauris : dès que j'aurais un moment, je réécrirait un site simplifié sans propriétés "responsive", nous verrons bien. Mais il s'agit d'une page qui ne peut normalement être appelée que depuis un smartphone qui "flashe" un "qrcode"

[Gloops]

C'est bien ça : si on n'ouvre pas un nouvel onglet, ça coince.

[lool_lauris]

Pour Lool_lauris : dès que j'aurais un moment, je réécrirait un site simplifié sans propriétés "responsive", nous verrons bien. Mais il s'agit d'une page qui ne peut normalement être appelée que depuis un smartphone qui "flashe" un "qrcode"

Non, non, pas question d'éliminer le "responsive", j'ai juste évoqué cela comme une piste.


J'ai donc récupéré ton nouveau code (test.html, lp_style.css et les images) en respectant ton aborescence (racine & img) ; je ne réussis pas à reproduire l'anomalie. Et j'ai même un facteur d'échelle différent (ouvre les miniatures ci dessous pour le constater - pour les 2 cas j'ai capturé l'intégralité de l'écran )
ta page provenant de ton serveur =>
ta page provenant de ce que j'ai récupéré =>

Donc, soit je n'ai pas récupéré l'intégralité de ton code, soit il y des fichiers présents à la racine sur ton serveur (.htaccess, etc.) qui interagissent !?



Autre petit truc, que se passe t-il si tu changes la valeur de ul.dec (tu n'as d'ailleurs pas mis d'espace entre ul & .dec), par exemple :

Code : Tout sélectionner

ul.dec
{
list-style-type: upper-latin;
}

sans espace

Code : Tout sélectionner

ul .dec
{
list-style-type: upper-latin;
}

avec espace
.

[chriss..]

re,
Je ne sais pas ce que tu as modifié mais plus de numérotation
EDIT: Tu as un gros problème avec tes polices... qui ne sont pas téléchargeable d'après la console de FF

[kkwet3869]

Bonjour
Pour Lool_lauris : l'ajout d'espace donne un affichage comme si j'avais mis le paramètre disc au lieu de decimal.
Pour Chriss : tu as mis le doigt dessus.
Dans mon css, l'url de la police était incorrecte (@font-face). Il faut tout de même admettre que cette erreur aboutit à des phénomènes curieux !
http://www.limonest-patrimoine.net/inde ... =lp_batp06
Merci à tous
André

[lool_lauris]

Pour Lool_lauris : l'ajout d'espace donne un affichage comme si j'avais mis le paramètre disc au lieu de decimal.

Eh bien ce n'est pas normal, ul est un élément HTML et dec est le nom de la classe que tu as donné à ul, ce sont bien 2 éléments distincts. La syntaxe normale est bien ul .dec et pas ul.dec. Mais bon, pas grave...

Par contre, ton code indique de télécharger la font "AbhayaLibre" et c'est Arial qui est affichée ; en tout cas, c'est ce qui s'affiche chez moi chez moi (j'ai vidé le cache et tout élément d'historique avant d'afficher ta page) ; certainement dû à ceci => https://jigsaw.w3.org/css-validator/val ... g=&lang=fr

À mon avis, la bonne syntaxe est :

Code : Tout sélectionner

src: url('font/AbhayaLibre-Medium-webfont.eot')

et pas

Code : Tout sélectionner

src: url(font/'AbhayaLibre-Medium-webfont.eot');

Tant mieux si ton problème est résolu !

[kkwet3869]

Tu as raison pour la syntaxe, maintenant, la numérotation est bonne, et cerise sur le gâteau, c'est la bonne police qui s'affiche !
Merci encore

[chriss..]

@Lool_Lauris pas besoin d,espace dans ce cas là voir les exemples de ce tutorial en Anglais
http://www.tizag.com/cssT/class.php

[lool_lauris]

@Lool_Lauris pas besoin d,espace dans ce cas là voir les exemples de ce tutorial en Anglais
http://www.tizag.com/cssT/class.php

Ben ça, c'est comme l'indentation, rien d'obligé mais si on veut un truc lisible, il y a des usages d'écriture.

[kkwet3869]

Il y a bien 1 pb à ce sujet, si je place l'espace, je retrouve des disques à la place des chiffres