Bonjour,
J'ai découvert par hasard un petit truc concernant les espacements créés sous les images par une fantaisie d'IE, peut-être que cela intéressera quelqu'un.
Ceci pose problème en particulier quand on applique un cadre autour de la photo (dans mon cas, un cadre défini dans ma css avec un border d'1px), car un vide apparaît entre la photo et le cadre.
Dans ma feuille css, je ne peux pas appliquer la propriété display:block sur le tag général img car du coup toutes mes petites images à cliquer pour faire diaporama dans mes galeries photos s'alignent verticalement au lieu de rester tranquillement horizontales. Et si je demande le display:block uniquement dans les cadres concernés, cela ne marche pas du tout (mais je ne sais pas pourquoi).
Par contre, si on ajoute dans la balise img (dans la feuille html même) un attribut STYLE="border: 1px solid;" , cela marche et on obtient un cadre bien ajusté. Evidemment, c'est moins pro que d'avoir tout dans la css, mais au moins c'est simple.
A part cela, ajouter display:inline; partout avec les floats permet de réduire les différences d'espacements (margin) entre IE (qui les double, on ne sait pas non plus pourquoi) et les autres navigateurs.
PS: Alsacréations est une vraie mine d'informations claires et pratiques, merci!
J'ai découvert par hasard un petit truc concernant les espacements créés sous les images par une fantaisie d'IE, peut-être que cela intéressera quelqu'un.
Ceci pose problème en particulier quand on applique un cadre autour de la photo (dans mon cas, un cadre défini dans ma css avec un border d'1px), car un vide apparaît entre la photo et le cadre.
Dans ma feuille css, je ne peux pas appliquer la propriété display:block sur le tag général img car du coup toutes mes petites images à cliquer pour faire diaporama dans mes galeries photos s'alignent verticalement au lieu de rester tranquillement horizontales. Et si je demande le display:block uniquement dans les cadres concernés, cela ne marche pas du tout (mais je ne sais pas pourquoi).
Par contre, si on ajoute dans la balise img (dans la feuille html même) un attribut STYLE="border: 1px solid;" , cela marche et on obtient un cadre bien ajusté. Evidemment, c'est moins pro que d'avoir tout dans la css, mais au moins c'est simple.
A part cela, ajouter display:inline; partout avec les floats permet de réduire les différences d'espacements (margin) entre IE (qui les double, on ne sait pas non plus pourquoi) et les autres navigateurs.
PS: Alsacréations est une vraie mine d'informations claires et pratiques, merci!