OVH Cloud OVH Cloud

[CSS] valeurs négatives des marges

6 réponses
Avatar
docanski
Bonsoir,

Je ne trouve pas de documentation à ce sujet ...
L'utilisation des propriétés (li) provoquant une indentation et un
double interligne entre chaque élément de la liste, j'ai tenté
l'utilisation du [line-spacing] mais sans succès : ni IE ni Firefox ne
réagissent.
J'ai tenté ensuite une valeur négative pour les deux (margin-left et
margin-top) et cela fonctionne aussi bien sous IE que sous Firefox. Je
ne suis toutefois pas certain que ce code est conforme ...
Quelqu'un sait ?

Merci d'avance et cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr

6 réponses

Avatar
Le Fou
docanski a écrit

J'ai tenté ensuite une valeur négative pour les deux (margin-left et
margin-top) et cela fonctionne aussi bien sous IE que sous Firefox. Je
ne suis toutefois pas certain que ce code est conforme ...
Quelqu'un sait ?



C'est admis :
"Negative values for margin properties are allowed, but there may be
implementation-specific limits."
Soit en français :
"Les valeurs négatives pour les propriétés de marge sont admises, sous
réserve des implémentations particulières des agents utilisateurs."

--
A'tchao

Le Fou
http://perso.club-internet.fr/ehiller/
http://club.exocet.free.fr/
http://www.ffessm-cd84.com/
Avatar
Xavier Robin
docanski a écrit :
Bonsoir,

Je ne trouve pas de documentation à ce sujet ...
L'utilisation des propriétés (li) provoquant une indentation et un
double interligne entre chaque élément de la liste, j'ai tenté
l'utilisation du [line-spacing] mais sans succès : ni IE ni Firefox ne
réagissent.
J'ai tenté ensuite une valeur négative pour les deux (margin-left et
margin-top) et cela fonctionne aussi bien sous IE que sous Firefox. Je
ne suis toutefois pas certain que ce code est conforme ...
Quelqu'un sait ?

Merci d'avance et cordialement,




Tu es sur de ne pas avoir une erreur ailleurs dans le code ? Parce que
ça ne me semble pas tout à fait normal ça...

Cela dit des marges négatives sont tout à fait permises.

http://www.yoyodesign.org/doc/w3c/css2/box.html#margin-properties :
«?Les valeurs négatives pour les propriétés de marge sont admises, sous
réserve des implémentations particulières des agents utilisateurs?»
Avatar
docanski
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que Le Fou nous narre ce qui suit en ce 2/01/2005 19:49 :

C'est admis :



Ah ! ;-)
Merci pour la trouvaille : la doc est tellement foisonnante (mais le
plus souvent en anglais :-( ) que je n'avais pas trouvé.

Cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr
Avatar
docanski
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que Xavier Robin nous narre ce qui suit en ce 2/01/2005 21:37 :

Tu es sur de ne pas avoir une erreur ailleurs dans le code ? Parce que
ça ne me semble pas tout à fait normal ça...



L'indentation horizontale est, me semble-t'il, la régle par défaut dans
une liste ... non ?
L'indentation (ou marge, ou interligne) verticale me paraît, par contre,
moins normale mais je n'ai pas trouvé l'erreur dans ma FdS : c'est la
raison de ma question afin de me permettre, malgré tout, la publication
de ces pages.
J'avais essayé auparavant une liste ... sans liste (une série de liens
séparés par des <br />) et obtenu le même résultat : interligne
supplémentaire entre chaque lien ... :-( et pas moyen d'utiliser des
marges négatives dans ce cas.
Ce problème ne se pose que lorsque j'utilise une DTD Stricte ! Pourtant,
j'utilise la même méthode dans une autre page sans problème :
http://armorance.free.fr/valchamp/alfa.htm
Je publie les pages à listes avec marges négatives en même temps que
l'envoi de ce message.
Si tu arrives à trouver le problème ...
Il s'agit de :
http://armorance.free.fr/valarmor/valest/cartest.htm
http://armorance.free.fr/valarmor/valouest/cartoues.htm
... entre autres.
Attention : ce problème ne se pose qu'avec Firefox ! IE affiche
correctement.

Cela dit des marges négatives sont tout à fait permises.



Tant mieux : à défaut de trouver l'erreur ...

réserve des implémentations particulières des agents utilisateurs?»



IE 6.0 et Firefox 1.0 implémentent. Les autres .... ? S'il y a des
testeurs, ce serait nickel :-)

Merci et cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr
Avatar
Xavier Robin
docanski a écrit :
Si tu arrives à trouver le problème ...
Il s'agit de :
http://armorance.free.fr/valarmor/valest/cartest.htm
http://armorance.free.fr/valarmor/valouest/cartoues.htm
... entre autres.
Attention : ce problème ne se pose qu'avec Firefox ! IE affiche
correctement.



Bizarre, parce que mon Firefox chez moi affiche tout à fait correctement
ces listes, sans espacement interligne particuliers...
Avatar
docanski
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que Xavier Robin nous narre ce qui suit en ce 3/01/2005 16:03 :

Bizarre, parce que mon Firefox chez moi affiche tout à fait correctement
ces listes, sans espacement interligne particuliers...



Ben forcément : la feuille de style comporte ces marges négatives !
Mets-les à *0* et tu verras la cata.
Je n'ai naturellement pas publié une FdS sans celles-ci, le site étant
"opérationnel" et d'ailleurs très fréquenté ;-)

Cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr