Bonjour / bonsoir

Je viens de remarquer aujourd'hui que le design de mes sites se retrouvaient "cassés".
Après une rapide analyse du problème, j'ai vu que c'était parce que Chrome et Firefox n'appliquaient plus le font-size 0 pour supprimer la légère marge (qui est en fait l'espace du retour à la ligne qui prend donc en compte la taille du texte) entre différents blocs auquel ont a appliqué un display: inline-block.

Exemple : un projet scolaire http://anthonypauwels.be/projets/useronboarding/
Quand on défile le slider de l'analyse, on voit que le léger décalage pousse l'image un peu plus à droite à chaque fois, ce qui fait que la dernière n'est plus du tout centré.

Sur les 4 dernières icônes en bas qui pointent vers d'autres travaux, la dernière est décalée va se mettre à la ligne car le léger décalage * 3 le fait sortir de son cadre.

Et j'ai ça sur d'autres travaux ...

Je voudrais savoir si c'est "voulu" ou si c'est un bug car je trouve ça assez problématique quand le design de ma pages se doit d'être précis. ^^

margin-left: -4px

Le 05 mars 2016 à 12:11:09 h_benarfa a écrit :
margin-left: -4px

Les magic numbers, c'est mal™

Sinon, 3615_mylife, si tu parles bien des éléments .slider__inner dans ta page, ils ont bien leur font-size: 0px; (tu peux enlever l'unité au passage), mais elles héritent aussi d'un letter-spacing: 1px;, et je pense que tout ton problème vient de là.

Le 05 mars 2016 à 12:11:09 h_benarfa a écrit :
margin-left: -4px

Trop aléatoire.

Solution trouvée :
font-size: 0; letter-spacing: 0em;
OU
letter-spacing: -0.31em;

Le 05 mars 2016 à 12:41:29 lisarael a écrit :
Sinon, 3615_mylife, si tu parles bien des éléments .slider__inner dans ta page, ils ont bien leur font-size: 0px; (tu peux enlever l'unité au passage), mais elles héritent aussi d'un letter-spacing: 1px;, et je pense que tout ton problème vient de là.

Ah oui j'avais pas vu. Je vais essayé, ça m'étais complètement sorti de la tête que j'avais changé le letter-spacing ...
Edit: effectivement c'était ça ! Bizarre car ça ne me l'avait pas fait jusqu'à hier. :-o

Sinon Lisarael, tant que tu es là, tu penses que du travail ?

(le dossier projets/ contient les projets scolaires)

Je suis sur le départ, je serai absent pour le week-end. Je jette un œil à mon retour demain soir, ou lundi.
Si ça te va d'avoir un avis d'un prof de "la concurrence" ;)

Pas de soucis

Oui, c'est bien pour ça que je te demande ^^ Tous les avis sont bons à prendre !

Je up juste pour toi Lisarael Ton avis m'intéresse vraiment

Je précise juste que ce projet là n'est pas responsive car on avait 2 jours pour faire l'analyse, les visuelles de l'application et coder le site. Il a fallu faire quelques sacrifices (comme les heure de sommeil) ...