Positionnement image et filets noirs indésirables - CSS
4 réponses
Nikita Calvus-Mons
Bonjour,
Je ne comprends pas pourquoi l'image titre a une marge au-dessus d'elle,
ici : http://transe.idiomatique.org/ (elle est dans un body avec marges
à 0, puis un div "wrapper" avec marges à zéro, puis un div "header" avec
marges à... zéro.
Et je ne comprends pas non plus pourquoi elle a un filet noir au-dessus
et en dessous, ces filets ne faisant d'ailleurs pas la largeur du div ou
de l'image... (et n'étant pas dans l'image, of course)
Idéalement j'aimerais pas de filets du tout, vu que j'ai spécifié
border: none;
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
rm
Le Sun, 13 Dec 2009 20:32:19 +0100, Nikita Calvus-Mons a écrit :
Bonjour,
Salut,
Je ne comprends pas pourquoi l'image titre a une marge au-dessus d'elle, ici : http://transe.idiomatique.org/ (elle est dans un body avec marges à 0, puis un div "wrapper" avec marges à zéro, puis un div "header" avec marges à... zéro.
Et je ne comprends pas non plus pourquoi elle a un filet noir au-dessus et en dessous, ces filets ne faisant d'ailleurs pas la largeur du div ou de l'image... (et n'étant pas dans l'image, of course)
Idéalement j'aimerais pas de filets du tout, vu que j'ai spécifié border: none;
Un peu incompréhensible pour moi !
Je ne suis pas un champion du débug mais en jouant 30 secondes avec l'extension Dragonfly de mon Opera préféré, et en visant bien, on tombe sur un bout de CSS qui fait :
et qui pourrait expliquer, j'espère, les 15 pixels de marge haute "inattendue"
@+ -- rm - http://opera-fr.com
Le Sun, 13 Dec 2009 20:32:19 +0100, Nikita Calvus-Mons
<cXaXnXaXlX.XhXiXsXtXoXrXiXqXuXeX@zgzozozgzlzezmzazizlz.com> a écrit :
Bonjour,
Salut,
Je ne comprends pas pourquoi l'image titre a une marge au-dessus d'elle,
ici : http://transe.idiomatique.org/ (elle est dans un body avec marges
à 0, puis un div "wrapper" avec marges à zéro, puis un div "header" avec
marges à... zéro.
Et je ne comprends pas non plus pourquoi elle a un filet noir au-dessus
et en dessous, ces filets ne faisant d'ailleurs pas la largeur du div ou
de l'image... (et n'étant pas dans l'image, of course)
Idéalement j'aimerais pas de filets du tout, vu que j'ai spécifié
border: none;
Un peu incompréhensible pour moi !
Je ne suis pas un champion du débug mais en jouant 30 secondes avec
l'extension Dragonfly de mon Opera préféré, et en visant bien, on tombe
sur un bout de CSS qui fait :
Le Sun, 13 Dec 2009 20:32:19 +0100, Nikita Calvus-Mons a écrit :
Bonjour,
Salut,
Je ne comprends pas pourquoi l'image titre a une marge au-dessus d'elle, ici : http://transe.idiomatique.org/ (elle est dans un body avec marges à 0, puis un div "wrapper" avec marges à zéro, puis un div "header" avec marges à... zéro.
Et je ne comprends pas non plus pourquoi elle a un filet noir au-dessus et en dessous, ces filets ne faisant d'ailleurs pas la largeur du div ou de l'image... (et n'étant pas dans l'image, of course)
Idéalement j'aimerais pas de filets du tout, vu que j'ai spécifié border: none;
Un peu incompréhensible pour moi !
Je ne suis pas un champion du débug mais en jouant 30 secondes avec l'extension Dragonfly de mon Opera préféré, et en visant bien, on tombe sur un bout de CSS qui fait :
et qui pourrait expliquer, j'espère, les 15 pixels de marge haute "inattendue"
@+ -- rm - http://opera-fr.com
Anne G
Le 12/13/09 12:32 PM, Nikita Calvus-Mons a écrit :
Bonjour,
Je ne comprends pas pourquoi l'image titre a une marge au-dessus d'elle, ici : http://transe.idiomatique.org/ (elle est dans un body avec marges à 0, puis un div "wrapper" avec marges à zéro, puis un div "header" avec marges à... zéro.
Et je ne comprends pas non plus pourquoi elle a un filet noir au-dessus et en dessous, ces filets ne faisant d'ailleurs pas la largeur du div ou de l'image... (et n'étant pas dans l'image, of course)
Idéalement j'aimerais pas de filets du tout, vu que j'ai spécifié border: none;
Un peu incompréhensible pour moi !
Pas de filet dans SeaMonkey, demi-filets dans Safari, filets complets dans Internet Explorer.
Pas de bande jaune en haut non plus dans SeaMonkey
Je comprends votre désarroi, ayant passé deux jours à refaire entièrement une page pour éviter ce genre de trucs...
Le 12/13/09 12:32 PM, Nikita Calvus-Mons a écrit :
Bonjour,
Je ne comprends pas pourquoi l'image titre a une marge au-dessus d'elle,
ici : http://transe.idiomatique.org/ (elle est dans un body avec marges
à 0, puis un div "wrapper" avec marges à zéro, puis un div "header" avec
marges à... zéro.
Et je ne comprends pas non plus pourquoi elle a un filet noir au-dessus
et en dessous, ces filets ne faisant d'ailleurs pas la largeur du div ou
de l'image... (et n'étant pas dans l'image, of course)
Idéalement j'aimerais pas de filets du tout, vu que j'ai spécifié
border: none;
Un peu incompréhensible pour moi !
Pas de filet dans SeaMonkey, demi-filets dans Safari, filets complets
dans Internet Explorer.
Pas de bande jaune en haut non plus dans SeaMonkey
Je comprends votre désarroi, ayant passé deux jours à refaire
entièrement une page pour éviter ce genre de trucs...
Le 12/13/09 12:32 PM, Nikita Calvus-Mons a écrit :
Bonjour,
Je ne comprends pas pourquoi l'image titre a une marge au-dessus d'elle, ici : http://transe.idiomatique.org/ (elle est dans un body avec marges à 0, puis un div "wrapper" avec marges à zéro, puis un div "header" avec marges à... zéro.
Et je ne comprends pas non plus pourquoi elle a un filet noir au-dessus et en dessous, ces filets ne faisant d'ailleurs pas la largeur du div ou de l'image... (et n'étant pas dans l'image, of course)
Idéalement j'aimerais pas de filets du tout, vu que j'ai spécifié border: none;
Un peu incompréhensible pour moi !
Pas de filet dans SeaMonkey, demi-filets dans Safari, filets complets dans Internet Explorer.
Pas de bande jaune en haut non plus dans SeaMonkey
Je comprends votre désarroi, ayant passé deux jours à refaire entièrement une page pour éviter ce genre de trucs...
Nikita Calvus-Mons
rm a écrit :
Je ne suis pas un champion du débug mais en jouant 30 secondes avec l'extension Dragonfly de mon Opera préféré, et en visant bien, on tombe sur un bout de CSS qui fait :
et qui pourrait expliquer, j'espère, les 15 pixels de marge haute "inattendue"
Ouais, incroyable mais vrai. Je l'ai virée.
C'est ça de reprendre des thèmes existants !
Cela dit ça n'explique pas mes drôles de filets "partiels" (qui ont disparu aussi, du coup).
Ah si !!
Bien sûr, ce "width: 510px;", que j'ai viré également, était débile vu que mon image fait 860...
Comprends pas d'ailleurs pourquoi un div avec largeur forcée comme ça ne redimensionne pas l'image, mais bon.
Tout va bien, sans border et sans width débile.
Merci,
N.
rm a écrit :
Je ne suis pas un champion du débug mais en jouant 30 secondes avec
l'extension Dragonfly de mon Opera préféré, et en visant bien, on tombe
sur un bout de CSS qui fait :
Je ne suis pas un champion du débug mais en jouant 30 secondes avec l'extension Dragonfly de mon Opera préféré, et en visant bien, on tombe sur un bout de CSS qui fait :
