Page 1 sur 2

[Résolu - Merci ] vspace et FireFox.

Publié : 08 mai 2005, 12:01
par Andevros
Bonjour.

FireFox refuse absolumenr de respecter vspace.

Code : Tout sélectionner

<IMG SRC="images/ligne01.gif" BORDER="0" WIDTH="500" HEIGHT="12" ALT="" VSPACE="14">
Dans l'exemple j'ai "forcé sur le pixel" 14.
Rien a faire.
De plus je n'ai aucunes déclarations à ce sujet dans ma CSS ???
Hum... Cela fonctionne sous IE.

Une idée ?
Merci. :wink:

Re: vspace et FireFox.

Publié : 08 mai 2005, 12:05
par Arzo
Euh... C'est un attribut qui n'existe plus ça, où je me trompe ?

Publié : 08 mai 2005, 12:09
par HP
non, non, vspace ça marche bien en HTML transitionnel et même XHTML transitionnel ...
Les attributs d'espacement texte/image

Publié : 08 mai 2005, 13:53
par calimo
Sorti du contexte il peut y avoir des millions d'explications, je ne vois pas comment tu veux qu'on trouve la bonne :?

Tu as une démo ? Une adresse (p.ex celle de la page en question...) ?

Publié : 08 mai 2005, 13:56
par GizMecano
Hello,
HP a écrit :non, non, vspace ça marche bien en HTML transitionnel et même XHTML transitionnel ...
Effectivement, mais c'est déprécié depuis un moment :
Differences Between HTML and XHTML

In HTML the <img> tag has no end tag.

In XHTML the <img> tag must be properly closed.

The "align", "border", "hspace", and "vspace" attributes of the image element were deprecated in HTML 4.01.

The "align", "border", "hspace", and "vspace" attributes of the image element are not supported in XHTML 1.0 Strict DTD.
Ceci dit, ça ne répond pas du tout à la question, puisque normalement FF sait lire les pages sous un format ancien voire obsolète... Sauf si la déclaration est différente, peut-être :?:

A tout hasard, il faudrait savoir ce qu'a mis Andrevos en DocType, non :?:

Ciao,

Publié : 08 mai 2005, 14:07
par calimo
GizMecano a écrit :
Differences Between HTML and XHTML

In HTML the <img> tag has no end tag.

In XHTML the <img> tag must be properly closed.

The "align", "border", "hspace", and "vspace" attributes of the image element were deprecated in HTML 4.01.

The "align", "border", "hspace", and "vspace" attributes of the image element are not supported in XHTML 1.0 Strict DTD.
Ceci est presque fallacieux !
En effet on devrait dire
Les attributs "align", "border", "hspace" et "vspace" de l'élément "img" sont dépréciés en HTML 4.01 et en XHTML 1.0.

Les attributs "align", "border", "hspace" et "vspace" de l'élément "img" ne sont plus supportés en HTML 4.01 Strict et en XHTML 1.0 Strict.

Les attributs "align", "border", "hspace" et "vspace" de l'élément "img" sont autorisés en HTML 4.01 Transitionnal et en XHTML 1.0 Transitionnal
Ce serait plus correct. Là on croirait presque que ces attributs sont autorisés en HTML et pas en XHTML, ce qui est absolument-totalement-définitivement-et-irrévocablement-archi-faux :!: Leur "interdiction" vient du passage Transitionnel -> Strict, pas du passage HTML -> XHTML :roll:

Publié : 08 mai 2005, 17:28
par Andevros

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML LANG="fr-be">
<HEAD>
J'ai trouvé où est le probléme.

Code : Tout sélectionner

* {MARGIN: 0; PADDING: 0;}
A l'utilisation du sélecteur universel, FireFox ne gère plus l'argument vspace.
j'Utilise ce délecteur pour harmoniser la présentation entre IE, Opéra, FireFox, ect.
Bon, mais comment faire alors ?
Vous avez une solution ?

Merci. :wink:

Publié : 08 mai 2005, 17:37
par pascal
ne pas utiliser des trucs du siècle dernier et utiliser les css à la place qui sont faits pour ça.

Publié : 08 mai 2005, 17:44
par Andevros
ne pas utiliser des trucs du siècle dernier et utiliser les css à la place qui sont faits pour ça.
Bon, mais comment faire alors ?
Le problème reste entier.
Faire une déclaration spécifique pour chaque image ?
Il existe bien une solution.
:wink:

Publié : 08 mai 2005, 18:08
par calimo
La solution, comme l'a dit Pascal, ne plus utiliser du tout de balises de mise en forme, tu peux très simplement le faire en CSS à l'aide des marges/espacements :wink:

Mélanger CSS et balises de mise en forme c'est l'assurance de rencontrer ce genre de problèmes :?

Publié : 08 mai 2005, 19:03
par Andevros
:D

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML LANG="fr-be">
<HEAD>
</HEAD>
<BODY>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla <BR>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla <BR>
<IMG style="MARGIN: 50,20,50,20; BORDER:20 SOLID #602760;" 
	SRC="images/logo_ff.gif" 
	BORDER="0" WIDTH="160" HEIGHT="40" ALT="Logo FireFox" ><BR>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla <BR>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla <BR>
</BODY>
</HTML>
Testé en local ce code refuse de fonctionner avec FireFox 1.0.3.
Le border de 20 pixels de couleur violet-noir n e s'affiche même.
Par contre bon affichage sous IE.

:?: :?: :?:

Publié : 08 mai 2005, 19:13
par pascal
les balises et attributs doivent être en minuscules, l'unité de mesure est obligatoire, IE a tort d'afficher des mesures sans unité. Il ne devrait pas y avoir de virgules entre les chiffres. Ta règle de style border: est incompatible avec l'attribut de style html.

<img style="margin: 50px 20px 50px 20px; border:20px solid #602760;" src="images/logo_ff.gif" width="160" height="40" alt="Logo FireFox" >

Publié : 08 mai 2005, 21:19
par calimo
pascal a écrit :les balises et attributs doivent être en minuscules
Non il fait du HTML, la casse est totalement indifférente :wink:
pascal a écrit :l'unité de mesure est obligatoire, IE a tort d'afficher des mesures sans unité. Il ne devrait pas y avoir de virgules entre les chiffres.
Ok là j'ai rien à redire mais...
pascal a écrit :Ta règle de style border: est incompatible avec l'attribut de style html.
Pardon ? Quoi ? Pas compris là...

Au passage on peut encore simplifier :

Code : Tout sélectionner

<img style="margin: 50px 20px; border:20px solid #602760;"  src="images/logo_ff.gif" width="160" height="40" alt="Logo FireFox" >
(pas besoin de répéter le 50px 20px) :P

Publié : 08 mai 2005, 21:35
par pascal
calimo a écrit :
pascal a écrit :les balises et attributs doivent être en minuscules
Non il fait du HTML, la casse est totalement indifférente :wink:
C'est vrai mais si un jour il doit passer au xhtml il sera content d'avoir pris cette bonne habitude ;)
calimo a écrit :
pascal a écrit :l'unité de mesure est obligatoire, IE a tort d'afficher des mesures sans unité. Il ne devrait pas y avoir de virgules entre les chiffres.
Ok là j'ai rien à redire mais...
pascal a écrit :Ta règle de style border: est incompatible avec l'attribut de style html.
Pardon ? Quoi ? Pas compris là...
S'il définit d'un côté son border en HTML et de l'autre en CSS avec une valeur différente, il va vers les problèmes d'implémentation des navigateurs, comme avec vspace.

Publié : 08 mai 2005, 22:15
par calimo
Ah oui désolé j'avais pas été assez attentif j'avais raté le border="0"... :oops: c'est vrai qu'il faudrait savoir, 0 ou 20 ? :?