[XHTML]- Image : height-width: W3C-Firefox Fermé

Question

Bonjour à tous!
Je convertis peu à peu mon site en xhtml (depuis du HTML4.01trans) mais une chose à attiré mon attention :

On m'a toujours conseillé de mettre une image ainsi :

<img src="uri/image" alt="mon_image" height="100px" width="100px">

Ainsi, même si l'image n'est pas chargée, sa place est accupés à l'écran et le "design" pas déformé.


En revanche, quand je le met en XHTML, firefox affiche pas l'image (si elle est absente) mais pas non plus de cadre de sa taille défini pas "height" et "width"????

C'est normal ça? Firefox (3 & 3.5) semble le seul affecté… Tous les autres affichent bien le "canevas".


Sinon, je sait que ces balises servent à "prevenir le navigateur" mais est-ce W3C? Et si Firefox les affichent pas, est-ce un bug de firefox ou c'est que le XHTML n'en veut pas?

Merci de vos éclaircissement!

math 2000 · Answer

normalement on met pas width et height comme ça il faudrait faire style="width:100px;height:100px"

le hollandais volant · Answer

en xhtml, je suis d'accord :-)

Mais le problème c'est que que ce soit en CSS (style="………") ou en html (height="…"), Firefox n'affiche pas le cadre vide si l'image est absente…

Et je voudrais savoir pourquoi : c'est que avec le xHTML en plus, et seulement Firefox…

math 2000 · Answer

je ne connais pas la raison mais ne t'embêtte pas avec le xhtml son developpement va êetre arrêté dans quelque année au profit du html 5

le hollandais volant · Answer

Vraiment?

En fait je devais mettre ma page en XHTML parce que certains éléments de la page (menu déroulants) ne marchaient pas en html4.trans sous IE (surprenant… ou pas).

Je me suis un peu renseigné (je connaissait que HTML) et je voyais que le html était pas standant W3C… donc je m'étais dis, bah, je met cette page en XHTML et les suivantes aussi…

Là je mettais quelques pages en xHTML car je vouslais les modifier profondément…

Mais le html 5… c'est pas basé sur le xml? (comme le xhtml?)


bah… au train où ça avance, j'ai encore quelques années^^ Mais les nouvelles pages, je les fait en quoi : HTML4.01 transitionnal, ou XHTML??

math 2000 · Answer

moi je fais mes page en html 4.01 mais pas transitionnal je les fais en strict  et ça marche 
le vrais problème en fait c'est ton menu déroulant 
si tu veux j'ai un menu déroulant pour internet explorer 6et + mais il n'a pas de sous menu mais ça doit être possible d'en mettre 
http://bormat2.free.fr/wordpress4/

sinon tu peux aussi essayer en html 5

le hollandais volant · Answer

par rapport à le première version, j'ai optimisé pas mal de truc…

Maintenant, il est bien plus léger… Y'avais au début 4 ou 5 div d'imbriquer sans compter un tableau et les listes.

Désormais, y'a une liste principale, et un div. (le déroulant est obtenu par un "hover" sur le div :

-sans hover : taille limité, avec "overflow: hidden;"
-avec hover : taille "auto" avec "overflow: auto;".

Avant ça posait problème en HTML… Là je sait pas… Par contre je ne veux pas de JScripts.

L'autre problème sous IE 7, c'est le css "display: table" je sait, je pourrais remplacer par un tableau, mais j'en ai besoin pour rendre les 2 colonnes latérales de même tailles au milieu.

IE8 les reconnais mais pas IE7 (testé via le mode de compatibilité d'IE8…)

Sinon tous les autres navigateurs affichent tout correctement. (Opera, Chrome, Safari, Firefox)

Juste un truc, sous Firefox et IE, le menu (composé des <li> déroulants) prend bien toute l'espace disponible sur la page.
Mais pas sur Opera, Safari et Chrome : quand on réduite la fenêtre du navigateur, un espace (variant de 0 à 5 pixels) est visible à droite. C'est dommage. Tout le reste est réglé au pixel^^".


Je verrais pour les menus que tu propose^^
Les miens étant changé, je dois tester…

math 2000 · Answer

un moment tu me parle d'histoire de tableau que tu as besoin tu peux utiliser une classe pour l'appliquer qu'a cet endroit mais pas sur d'avoir tout compris lemieux seraisd'avoir l'adresse de ta page et une capture d'écran ou tu entoure les pb

le hollandais volant · Answer

L'adresse est lehollandaisvolant.net.

Ensuite, il n'y a aucun <table> dans la page d'accueil. Cependant, j'utilise une fonction CSS "display: table" pour utiliser une des propriétés des tableaux : pouvoir avoir 2 colonnes dont la hauteur dépends de la colonne la plus grande @_@

euh… voilà sans le "display table". 

Voilà avec.


Ensuite, avec le "display: table" mais sous IE7 (mode IE7 de IE8). De gros problèmes d'affichages apparaissent un peu partout dans les messages.

Et voici le problème de 1~5 pixel sous tout les navigateurs qui ne sont pas IE ou Firefox.
http://www.cijoint.fr/cj200907/cijk4EBiMC.png

math 2000 · Answer

j'enregistre la page et je vais tester des truc

math 2000 · Answer

ton décalage de 5 pixels je le vois sous firefox et opéra et tous les navigateur
au lieu de te préaucupé de ça tu devrais regarder ton site sous safaris ou chrome

le hollandais volant · Answer

ah? Les 5 pixel, je les ai absolument pas sous FX et IE…
Euh, oui j'ai vus sous Chrome et Safari, et alors?

Chrome affiche les arrondis d'une manière assez moche, mais Safari, ç'est assez propre…

OUPS! J'avais pas vu ça… Je vais remettre comme avant… Décidément, y'a pas beacoups de navigateurs qui supportent "display: table-cell" c'est CSS pourtant CSS2.1 et est supporté normalement pas Chrome 2 et safari 4 et tous les navigateurs à jours en fait…

Voilà, c'est remis… Mais la collone de gauche n'est pas de bonne hauteur…

math 2000 · Answer

bizarre ce matin sur safaris j'avais tout qui était passé à droite ?!!!!

math 2000 · Answer

sinon ton menu de gauche ben il est normal

le hollandais volant · Answer

oui, mais sa hauteur n'est pas de la taille du reste… :-(

math 2000 · Answer

tu as essayé avec height en pourcentage et en donnant le même poucentage à gauche comme à droite

math 2000 · Answer

bizarre quand je met un height en poucentage ça ne marche pas
editt pfff même les taile en pixel varie selon la taille de la fenêtre

math 2000 · Answer

le svg je crois que c'est pas lisible du tout par ie qui preffere le mng 
je vois pas comment faire sauf avec une image transparente dans le 2 colonne 
l'image aurait un id et avec le css tu lui donnerais la taille voulu mais là j'ai l'impression que la page est buggué car si on met des pixel ben selon la taille de la fenettre il y a tout qui change et si on met des poucentage ça ne marche pas 
sinon pour l'histoire que ça descende plus bas que le footer tu peux mettre le footer avec height:auto

le hollandais volant · Answer

Voila la technique des colonnes factices. On met juste une image en fond de la colonne de gauche…

Mais pour le moment, je vais attendre… J'ai d'autres pages à refaire ;-)

J'ai refait celle-ci lol. Je suis assez content de mes petit "popup" CSS…

Marche avec tous sauf IE (j'ai viré pour lui) et opera semble buguer un petit peu. Rien de grave.
Si  je met "hover" ça gène la navigation, si je met "focus" Webkit ne marche pas, donc je met "active"…


Aussi, pour le moment, le xHTML est validé, mais pas le CSS : j'utilise des truc CSS3 et des truc pas standard…

[XHTML]- Image : height-width: W3C-Firefox

18 réponses

Discussions similaires