sur cette page :
http://www.magicninja.org/tab/tableau_bord.htm
j'ai un probleme d'espacement dans le span sous mozilla et opera.
Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Vincent Ricard
Vincent Ricard wrote:
Bonjour,
sur cette page : http://www.magicninja.org/tab/tableau_bord.htm j'ai un probleme d'espacement dans le span sous mozilla et opera. Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Bon... en fait j'ai directement applique la bordure aux images :)
Mais la question tient toujours... d'ou provient cet espacement ? (qui n'apparait pas sous IE :-/)
-- Vincent
Vincent Ricard wrote:
Bonjour,
sur cette page :
http://www.magicninja.org/tab/tableau_bord.htm
j'ai un probleme d'espacement dans le span sous mozilla et opera.
Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Bon... en fait j'ai directement applique la bordure aux images :)
Mais la question tient toujours... d'ou provient cet espacement ?
(qui n'apparait pas sous IE :-/)
sur cette page : http://www.magicninja.org/tab/tableau_bord.htm j'ai un probleme d'espacement dans le span sous mozilla et opera. Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Bon... en fait j'ai directement applique la bordure aux images :)
Mais la question tient toujours... d'ou provient cet espacement ? (qui n'apparait pas sous IE :-/)
-- Vincent
Christian
Vincent Ricard a écrit:
Bonjour,
sur cette page : http://www.magicninja.org/tab/tableau_bord.htm j'ai un probleme d'espacement dans le span sous mozilla et opera. Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Merci
img {margin: 0;}
-- Christian (enlever le H de mon e-mail) http://perso.wanadoo.fr/baluchiterium/
Vincent Ricard a écrit:
Bonjour,
sur cette page :
http://www.magicninja.org/tab/tableau_bord.htm
j'ai un probleme d'espacement dans le span sous mozilla et opera.
Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Merci
img {margin: 0;}
--
Christian (enlever le H de mon e-mail)
http://perso.wanadoo.fr/baluchiterium/
sur cette page : http://www.magicninja.org/tab/tableau_bord.htm j'ai un probleme d'espacement dans le span sous mozilla et opera. Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Merci
img {margin: 0;}
-- Christian (enlever le H de mon e-mail) http://perso.wanadoo.fr/baluchiterium/
Marc.Mongenet
Vincent Ricard wrote in message news:<bi4i1j$43g$...
Bonjour,
sur cette page : http://www.magicninja.org/tab/tableau_bord.htm j'ai un probleme d'espacement dans le span sous mozilla et opera. Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
C'est un peu plus compliqué. En fait l'élément IMG est un élément affiché (par défaut, voir la propriété display) dans une ligne de texte.
Les espaces dessus et dessous dépendent donc de la taille du texte. Le fait qu'il n'y ait aucune lettre dans la ligne ne change rien. En outre, la base de l'image est alignée par défaut avec les lettres du texte (vertical-align: baseline), pas avec le bas de la ligne.
En bref, voir les propriétés display et vertical-align de CSS1.
Le but est d'avoir les 2 images entourees d'une bordure.
Si le but est d'entourer les images, alors les bordures doivent être appliquées aux images. Logique, non ?
Marc Mongenet
Vincent Ricard <nomail@nodomain.tld> wrote in message news:<bi4i1j$43g$1@s1.read.news.oleane.net>...
Bonjour,
sur cette page :
http://www.magicninja.org/tab/tableau_bord.htm
j'ai un probleme d'espacement dans le span sous mozilla et opera.
Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
C'est un peu plus compliqué. En fait l'élément IMG est un élément
affiché (par défaut, voir la propriété display) dans une ligne de texte.
Les espaces dessus et dessous dépendent donc de la taille du texte.
Le fait qu'il n'y ait aucune lettre dans la ligne ne change rien.
En outre, la base de l'image est alignée par défaut avec les lettres
du texte (vertical-align: baseline), pas avec le bas de la ligne.
En bref, voir les propriétés display et vertical-align de CSS1.
Le but est d'avoir les 2 images entourees d'une bordure.
Si le but est d'entourer les images, alors les bordures doivent être
appliquées aux images. Logique, non ?
Vincent Ricard wrote in message news:<bi4i1j$43g$...
Bonjour,
sur cette page : http://www.magicninja.org/tab/tableau_bord.htm j'ai un probleme d'espacement dans le span sous mozilla et opera. Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
C'est un peu plus compliqué. En fait l'élément IMG est un élément affiché (par défaut, voir la propriété display) dans une ligne de texte.
Les espaces dessus et dessous dépendent donc de la taille du texte. Le fait qu'il n'y ait aucune lettre dans la ligne ne change rien. En outre, la base de l'image est alignée par défaut avec les lettres du texte (vertical-align: baseline), pas avec le bas de la ligne.
En bref, voir les propriétés display et vertical-align de CSS1.
Le but est d'avoir les 2 images entourees d'une bordure.
Si le but est d'entourer les images, alors les bordures doivent être appliquées aux images. Logique, non ?
Marc Mongenet
Lea GRIS
Vincent Ricard a écrit
Vincent Ricard wrote:
Bonjour,
sur cette page : http://www.magicninja.org/tab/tableau_bord.htm j'ai un probleme d'espacement dans le span sous mozilla et opera. Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Bon... en fait j'ai directement applique la bordure aux images :)
Mais la question tient toujours... d'ou provient cet espacement ? (qui n'apparait pas sous IE :-/)
Par-ce que IE possède un *GROS* *BUG* pour la mesure de la dimension des boîtes et ne respecte pas les standards CSS là dessus.
Pour IE la dimension d'une boite (width) est la somme de : bordure + marge + espacement (padding) + contenu
Hors en CSS la dimension d'une boîte est celle de son contenu. Les bordures, marges et espacement venant s'ajouter à l'extérieur des dimensions de la boîte.
Dans ton cas, Mozilla qui respecte le calcul correcte pour la taille des boîtes affiche une bordure visible autour de l'image avec l'espacement (padding) coloré de la couleur du fond en jaune ainsi que la bordure noire.
Avec IE qui fait n'importe quoi, l'image vient remplir tout l'espace de la boîte y compris l'espacement et la bordure.
-- Léa Gris - http://www.noiraude.net/ () Campagne du ruban texte brut contre les courriels en HTML, / contre les pièces jointes dans un format propriétaire.
Vincent Ricard a écrit
Vincent Ricard wrote:
Bonjour,
sur cette page :
http://www.magicninja.org/tab/tableau_bord.htm
j'ai un probleme d'espacement dans le span sous mozilla et opera.
Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Bon... en fait j'ai directement applique la bordure aux images :)
Mais la question tient toujours... d'ou provient cet espacement ?
(qui n'apparait pas sous IE :-/)
Par-ce que IE possède un *GROS* *BUG* pour la mesure de la dimension des
boîtes et ne respecte pas les standards CSS là dessus.
Pour IE la dimension d'une boite (width) est la somme de :
bordure + marge + espacement (padding) + contenu
Hors en CSS la dimension d'une boîte est celle de son contenu. Les bordures,
marges et espacement venant s'ajouter à l'extérieur des dimensions de la
boîte.
Dans ton cas, Mozilla qui respecte le calcul correcte pour la taille des
boîtes affiche une bordure visible autour de l'image avec l'espacement
(padding) coloré de la couleur du fond en jaune ainsi que la bordure noire.
Avec IE qui fait n'importe quoi, l'image vient remplir tout l'espace de la
boîte y compris l'espacement et la bordure.
--
Léa Gris - http://www.noiraude.net/
() Campagne du ruban texte brut contre les courriels en HTML,
/ contre les pièces jointes dans un format propriétaire.
sur cette page : http://www.magicninja.org/tab/tableau_bord.htm j'ai un probleme d'espacement dans le span sous mozilla et opera. Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Bon... en fait j'ai directement applique la bordure aux images :)
Mais la question tient toujours... d'ou provient cet espacement ? (qui n'apparait pas sous IE :-/)
Par-ce que IE possède un *GROS* *BUG* pour la mesure de la dimension des boîtes et ne respecte pas les standards CSS là dessus.
Pour IE la dimension d'une boite (width) est la somme de : bordure + marge + espacement (padding) + contenu
Hors en CSS la dimension d'une boîte est celle de son contenu. Les bordures, marges et espacement venant s'ajouter à l'extérieur des dimensions de la boîte.
Dans ton cas, Mozilla qui respecte le calcul correcte pour la taille des boîtes affiche une bordure visible autour de l'image avec l'espacement (padding) coloré de la couleur du fond en jaune ainsi que la bordure noire.
Avec IE qui fait n'importe quoi, l'image vient remplir tout l'espace de la boîte y compris l'espacement et la bordure.
-- Léa Gris - http://www.noiraude.net/ () Campagne du ruban texte brut contre les courriels en HTML, / contre les pièces jointes dans un format propriétaire.
Vincent Ricard
Lea GRIS wrote:
Par-ce que IE possède un *GROS* *BUG* pour la mesure de la dimension des boîtes et ne respecte pas les standards CSS là dessus.
C'est etonnant :-)
Avec IE qui fait n'importe quoi, l'image vient remplir tout l'espace de la boîte y compris l'espacement et la bordure.
Ok... mais je pensais avoir tout mis a zero (padding, margin, etc) pour le span et l'image. Quel parametre manque-t-il ? J'ai essaye de force la hauteur, mais rien y fait :-/
-- Vincent
Lea GRIS wrote:
Par-ce que IE possède un *GROS* *BUG* pour la mesure de la dimension des
boîtes et ne respecte pas les standards CSS là dessus.
C'est etonnant :-)
Avec IE qui fait n'importe quoi, l'image vient remplir tout l'espace de la
boîte y compris l'espacement et la bordure.
Ok... mais je pensais avoir tout mis a zero (padding, margin, etc) pour le
span et l'image. Quel parametre manque-t-il ? J'ai essaye de force la
hauteur, mais rien y fait :-/
Par-ce que IE possède un *GROS* *BUG* pour la mesure de la dimension des boîtes et ne respecte pas les standards CSS là dessus.
C'est etonnant :-)
Avec IE qui fait n'importe quoi, l'image vient remplir tout l'espace de la boîte y compris l'espacement et la bordure.
Ok... mais je pensais avoir tout mis a zero (padding, margin, etc) pour le span et l'image. Quel parametre manque-t-il ? J'ai essaye de force la hauteur, mais rien y fait :-/
-- Vincent
Christian
Vincent Ricard a écrit:
Bonjour,
sur cette page : http://www.magicninja.org/tab/tableau_bord.htm j'ai un probleme d'espacement dans le span sous mozilla et opera. Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Merci
et en rajoutant : .jauge3 { display: block; ...
?
-- Christian (enlever le H de mon e-mail) http://perso.wanadoo.fr/baluchiterium/
Vincent Ricard a écrit:
Bonjour,
sur cette page :
http://www.magicninja.org/tab/tableau_bord.htm
j'ai un probleme d'espacement dans le span sous mozilla et opera.
Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Merci
et en rajoutant :
.jauge3 {
display: block;
...
?
--
Christian (enlever le H de mon e-mail)
http://perso.wanadoo.fr/baluchiterium/
sur cette page : http://www.magicninja.org/tab/tableau_bord.htm j'ai un probleme d'espacement dans le span sous mozilla et opera. Quelqu'un peut-il me dire quel attribut j'ai oublie de mettre a zero ?
Le but est d'avoir les 2 images entourees d'une bordure.
Merci
et en rajoutant : .jauge3 { display: block; ...
?
-- Christian (enlever le H de mon e-mail) http://perso.wanadoo.fr/baluchiterium/
