Discussion :

[ciliaris]

Bonjour,

J'ai mis en ligne une partie de mon site web à destination des navigateurs pour écrans tactiles.

Et je modifie progressivement le code de manière à approcher le XHTML strict. J'apprécie au passage les gains en légèreté du code grâce aux CSS.

Et j'ai un problème qui n'est que cosmétique, mais qui pourrait révéler autre chose de plus ennuyeux.

Il s'agit de l'affichage d'images, qu'elles soient gif ou jpg, et plus précisément lorsqu'elles sont cliquables. c'est à dire encapsulées dans un <a href ### </a>

Ceci ne se voit que lorsqu'on utilise ces pages sur un navigateur d'ordinateur, lorsque je clique sur cette image.

Même sur une page extrêmement minimaliste, et même en obtenant un code source quasi identique à d'autres pages pour mobiles, qui ne présentent pas ce problème, je n'arrive pas à trouver ce qui cloche.

J'ai trouvé un ou deux autres sites en XHTML qui présentent ce défaut, et n'ai pas vu clairement chez eux non plus ce qui peut causer ce problème.

Si quelqu'un a déjà rencontré ce genre de contrariété, ou en a entendu parler, et surtout s'il a une piste, je serais très heureux de la suivre.

Un grand merci d'avance.

Je m'aperçois que la description de mon problème n'est évoquée que dans le sujet, ce qui n'est pas suffisant.

Le "border" de l'image est bien collé à cette image sur tout son contour.

Et c'est le bord inférieur, au delà du border donc, du moins le focus, qui se voit aussi quand on sélectionne cette image avec un clic souris à l'extérieur puis un balayage au dessus de cette image. Cette bordure inférieure fait environ 2 ou 3 pixels de haut.

Tout bloc [tableau div span] voit sa taille verticale épousant la hauteur de l'image + cette épaisseur supplémentaire.

Voilà, c'est un peu plus clair, du moins j'espère.

[12monkeys]

Bonjour

Ton problème ne serait pas lié à ça : http://css.developpez.com/faq/?page=...AGE_espacement

[ciliaris]

Je vais tester. Mais je n'ai jamais vu de code html display inline pour l'affichage d'une image. Et la même image, si elle est non cliquable, ne pose pas de problème d'espace en dessous.

[12monkeys]

Le style display:inline c'est le style CSS appliqué par défaut, en l'absence d'autre déclaration contraire.

Maintenant le fait que l'état cliquable change quelque chose, c'est en effet étrange... en tout cas ça ne m'est pas connu...

[ciliaris]

Pardon, je voulais dire en effet que je n'ai jamais vu d'image avec display:inline-block, ni display:block.

[ciliaris]

Tu avais raison... C'était bien ça. Depuis la naissance de mon site, je l'ignorais, et c'est la migration vers XHTML qui en révèle l'utilité.

Firefox m'a bien aidé d'ailleurs, car lorsqu'un code est mal formé, il renvoie une page montrant clairement qu'il y a un bug, et affiche une ligne pointillée qui va jusqu'au point exact où se trouve le problème.


Merci encore. Je vais pouvoir bosser ...