Page 2 sur 3

Re: Interprétation CSS

Publié : 05 avr. 2018, 16:31
par 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

Re: Interprétation CSS

Publié : 05 avr. 2018, 16:42
par 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.

Re: Interprétation CSS

Publié : 05 avr. 2018, 17:00
par chriss..
en regardant ta page dans l,inspecteur de FF, j'ai ceci
Image
Ta ligne numéroté #6 ne se "ferme pas comme les autres et ceci est anormal, mais je n,arrive pas à comprendre

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

Re: Interprétation CSS

Publié : 05 avr. 2018, 17:44
par lool_lauris
Salut,

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


Puis zoom molette ~20% et rafraîchissement de la page :
Image 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. :)
.

Re: Interprétation CSS

Publié : 05 avr. 2018, 17:52
par Gloops
Hum ... C'est bien possible, cela étant dit j'avoue ne pas avoir suivi comment tu en es arrivé à cette conclusion.

Re: Interprétation CSS

Publié : 05 avr. 2018, 18:46
par 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"

Re: Interprétation CSS

Publié : 05 avr. 2018, 20:19
par Gloops
C'est bien ça : si on n'ouvre pas un nouvel onglet, ça coince.

Re: Interprétation CSS

Publié : 05 avr. 2018, 20:59
par lool_lauris
kkwet3869 a écrit : 05 avr. 2018, 18:46 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 => Image
ta page provenant de ce que j'ai récupéré => Image

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
.

Re: Interprétation CSS

Publié : 05 avr. 2018, 21:04
par 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
Image

Re: Interprétation CSS

Publié : 06 avr. 2018, 13:26
par 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é

Re: Interprétation CSS

Publié : 06 avr. 2018, 14:00
par lool_lauris
kkwet3869 a écrit : 06 avr. 2018, 13:26 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 ! :)

Re: Interprétation CSS

Publié : 06 avr. 2018, 16:17
par 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

Re: Interprétation CSS

Publié : 06 avr. 2018, 18:38
par 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

Re: Interprétation CSS

Publié : 06 avr. 2018, 19:45
par lool_lauris
chriss.. a écrit : 06 avr. 2018, 18:38 @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. :)

Re: Interprétation CSS

Publié : 06 avr. 2018, 19:54
par kkwet3869
Il y a bien 1 pb à ce sujet, si je place l'espace, je retrouve des disques à la place des chiffres