[Résolu - Merci ] vspace et FireFox.

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Andevros
Salamandre
Messages : 40
Inscription : 26 avr. 2005, 18:59

[Résolu - Merci ] vspace et FireFox.

Message 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:
Dernière modification par Andevros le 09 mai 2005, 09:58, modifié 1 fois.
Arzo
Salamandre
Messages : 38
Inscription : 11 avr. 2005, 19:41

Re: vspace et FireFox.

Message par Arzo »

Euh... C'est un attribut qui n'existe plus ça, où je me trompe ?
--
Arzo
HP
Tyrannosaurus Rex
Messages : 2196
Inscription : 21 oct. 2004, 10:25

Message par HP »

non, non, vspace ça marche bien en HTML transitionnel et même XHTML transitionnel ...
Les attributs d'espacement texte/image

“La médiocrité obtiendra immanquablement la préséance en se travestissant des oripeaux de la bienséance.”
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message 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...) ?
GizMecano
Lézard à collerette
Messages : 416
Inscription : 02 août 2004, 20:27

Message 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,
GizMecano.net
http://gizmecano.net
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message 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:
Andevros
Salamandre
Messages : 40
Inscription : 26 avr. 2005, 18:59

Message 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:
Avatar de l’utilisateur
pascal
Administrateur
Messages : 1515
Inscription : 28 juil. 2003, 15:13

Message par pascal »

ne pas utiliser des trucs du siècle dernier et utiliser les css à la place qui sont faits pour ça.
Andevros
Salamandre
Messages : 40
Inscription : 26 avr. 2005, 18:59

Message 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:
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message 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 :?
Andevros
Salamandre
Messages : 40
Inscription : 26 avr. 2005, 18:59

Message 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.

:?: :?: :?:
Avatar de l’utilisateur
pascal
Administrateur
Messages : 1515
Inscription : 28 juil. 2003, 15:13

Message 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" >
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message 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
Avatar de l’utilisateur
pascal
Administrateur
Messages : 1515
Inscription : 28 juil. 2003, 15:13

Message 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.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message 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 ? :?
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité