[HTML] Tailles proportionnelles sous IE ?
Fermé
Reivax962
Messages postés
3671
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
-
18 avril 2007 à 18:11
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 19 avril 2007 à 14:53
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 19 avril 2007 à 14:53
A voir également:
- [HTML] Tailles proportionnelles sous IE ?
- Editeur html - Télécharger - HTML
- Google payment ie ltd ✓ - Forum Consommation & Internet
- Html download - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- Image cliquable html ✓ - Forum Réseaux sociaux
3 réponses
cocacolapin
Messages postés
51
Date d'inscription
mercredi 18 avril 2007
Statut
Membre
Dernière intervention
18 juin 2008
6
18 avril 2007 à 18:14
18 avril 2007 à 18:14
Désolé de te dire ça mais IE c'est un peu nul et firefox est gratuit: propose un lien de téléchargement sur ton site!!
CH4NCE
Messages postés
620
Date d'inscription
jeudi 7 décembre 2006
Statut
Membre
Dernière intervention
8 août 2013
706
18 avril 2007 à 18:20
18 avril 2007 à 18:20
coucou
Tu devrais peut-etre essayer avec une feuille de style et éviter les tables.
Aussi l'attribut valign n'est pas reconnu par w3c, et peut-etre devrais-tu utiliser de vraies miniatures.
Si tu n'y arrives pas donnes plus d'info sur la taille des images je regarderais dès que j'ai le temps, demain ou vendrdi ;)
A+
Tu devrais peut-etre essayer avec une feuille de style et éviter les tables.
Aussi l'attribut valign n'est pas reconnu par w3c, et peut-etre devrais-tu utiliser de vraies miniatures.
Si tu n'y arrives pas donnes plus d'info sur la taille des images je regarderais dès que j'ai le temps, demain ou vendrdi ;)
A+
Reivax962
Messages postés
3671
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
1 011
18 avril 2007 à 18:35
18 avril 2007 à 18:35
Bonjour,
Je sais, les <table>, c'est pas l'idéal. M'enfin quand même...
Pour l'attribut valign, c'est juste une mauvaise habitude datant des versions antérieures d'HTML, mais ça ne gêne en rien le soucis ici.
Ensuite, je n'ai pas de réelles miniatures, tout simplement parce que j'ai créé ce site en 1h, en php, pour qu'il me fasse un aperçu rapide de toutes les images que j'ai à un emplacement de mon disque, par rubrique : je n'ai qu'à placer un répertoire avec des photos pour qu'elles apparaissent en tant que nouvelle rubrique. Le but est la simplicité de mise à jour : je n'ai pas l'intention, à chaque fois que je prends une nouvelle image, d'en faire une miniature. Je pourrais écrire un script qui vérifie à chaque affichage si une miniature existe ou pas, et la crée si elle n'existe pas, mais...
Avec des miniatures, le problème sera le même puisque je ne connais pas à l'avance la résolution du client : je serai toujours obligé de demander à afficher les photos sur un quart de la page si je veux en afficher 4 par ligne. Je ne peux pas fixer arbitrairement des tailles en pixels.
Les images peuvent avoir n'importe quelle taille. Bon, ce sont des photos de soirées, de vacances ou autre, donc c'est au minimum du 800x600, mais plus généralement du 1600x1200. Mais cela ne devrait pas poser de problème !
Merci en tous cas de te pencher sur ce problème. Il me semble quand même qu'IE 6 fonctionnaient sur ce genre de choses !
Je sais, les <table>, c'est pas l'idéal. M'enfin quand même...
Pour l'attribut valign, c'est juste une mauvaise habitude datant des versions antérieures d'HTML, mais ça ne gêne en rien le soucis ici.
Ensuite, je n'ai pas de réelles miniatures, tout simplement parce que j'ai créé ce site en 1h, en php, pour qu'il me fasse un aperçu rapide de toutes les images que j'ai à un emplacement de mon disque, par rubrique : je n'ai qu'à placer un répertoire avec des photos pour qu'elles apparaissent en tant que nouvelle rubrique. Le but est la simplicité de mise à jour : je n'ai pas l'intention, à chaque fois que je prends une nouvelle image, d'en faire une miniature. Je pourrais écrire un script qui vérifie à chaque affichage si une miniature existe ou pas, et la crée si elle n'existe pas, mais...
Avec des miniatures, le problème sera le même puisque je ne connais pas à l'avance la résolution du client : je serai toujours obligé de demander à afficher les photos sur un quart de la page si je veux en afficher 4 par ligne. Je ne peux pas fixer arbitrairement des tailles en pixels.
Les images peuvent avoir n'importe quelle taille. Bon, ce sont des photos de soirées, de vacances ou autre, donc c'est au minimum du 800x600, mais plus généralement du 1600x1200. Mais cela ne devrait pas poser de problème !
Merci en tous cas de te pencher sur ce problème. Il me semble quand même qu'IE 6 fonctionnaient sur ce genre de choses !
cocacolapin
Messages postés
51
Date d'inscription
mercredi 18 avril 2007
Statut
Membre
Dernière intervention
18 juin 2008
6
18 avril 2007 à 18:45
18 avril 2007 à 18:45
ptetre bien qu'ils feraient mieux d'enregistrer les photos avant de les voir non??
désolé mais là je sèche un peu^^
désolé mais là je sèche un peu^^
cocacolapin
Messages postés
51
Date d'inscription
mercredi 18 avril 2007
Statut
Membre
Dernière intervention
18 juin 2008
6
18 avril 2007 à 18:46
18 avril 2007 à 18:46
oups non désolé
sinon utilise un skyblog??
sinon utilise un skyblog??
Utilisateur anonyme
18 avril 2007 à 19:04
18 avril 2007 à 19:04
Ton ' width="90%" ' ne rétrecit pas beaucoup tes photos... Donc si tes photos sont grandes, c'est normal que tu déborde sur le coté!
Essaye avec une taille défini, genre ' width="150" ' ou alors diminuer encore plus ... ' width="40%" '
et oublie le skylog de cocacolapin... c'est une solution trop simple!
Essaye avec une taille défini, genre ' width="150" ' ou alors diminuer encore plus ... ' width="40%" '
et oublie le skylog de cocacolapin... c'est une solution trop simple!
Reivax962
Messages postés
3671
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
1 011
18 avril 2007 à 19:42
18 avril 2007 à 19:42
Merci de t'occuper de moi :)
En fait, le width=90% n'est pas censé signifier "la taille de la photo doit être 90% de celle de l'originale", mais "la photo doit être redimensionner de sorte que sa largeur soit 90% de la place disponible dans son conteneur.". Or la place disponible en question, c'est une case du tableau, c'est à dire un quart de la page. C'est bien comme ça que FF le comprends !
Et d'ailleurs, la paradoxe, c'est que c'est AUSSI comme ça que IE le comprend. Sauf qu'à l'affichage du tableau, il a calculé que le tableau ferait plus que les 100% demandés à cause des images à l'intérieur (qu'il n'a pas encore redimensionnées). Bref, il fait tout à l'envers. Comment je m'en suis rendu compte ? Justement en mettant, comme tu le suggères, width='25%' directement sur l'image. La, oh surprise : les images se retrouvent toutes petites, MAIS espacées de sorte que la <table> a toujours la même dimension qu'avant ! Donc les images sont petites, mais les cases sont larges, et il faut scroller pour voir les deux dernières images...
J'ai bien essayé d'utiliser le style max-width:25% sur les cases du tableau ou sur le tableau lui-même, de mettre un <colgroup> pour définir à l'avance la tête du tableau, d'utiliser des styles overflow, mais rien n'y fait...
En fait, le width=90% n'est pas censé signifier "la taille de la photo doit être 90% de celle de l'originale", mais "la photo doit être redimensionner de sorte que sa largeur soit 90% de la place disponible dans son conteneur.". Or la place disponible en question, c'est une case du tableau, c'est à dire un quart de la page. C'est bien comme ça que FF le comprends !
Et d'ailleurs, la paradoxe, c'est que c'est AUSSI comme ça que IE le comprend. Sauf qu'à l'affichage du tableau, il a calculé que le tableau ferait plus que les 100% demandés à cause des images à l'intérieur (qu'il n'a pas encore redimensionnées). Bref, il fait tout à l'envers. Comment je m'en suis rendu compte ? Justement en mettant, comme tu le suggères, width='25%' directement sur l'image. La, oh surprise : les images se retrouvent toutes petites, MAIS espacées de sorte que la <table> a toujours la même dimension qu'avant ! Donc les images sont petites, mais les cases sont larges, et il faut scroller pour voir les deux dernières images...
J'ai bien essayé d'utiliser le style max-width:25% sur les cases du tableau ou sur le tableau lui-même, de mettre un <colgroup> pour définir à l'avance la tête du tableau, d'utiliser des styles overflow, mais rien n'y fait...
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
>
Reivax962
Messages postés
3671
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
19 avril 2007 à 14:53
19 avril 2007 à 14:53
salut,
donc tu-es sûr que IE est capable de redimensionner ton image.
pour qu'il tienne compte de la cellule, tu peux essayer ça :
tu devrais aussi éviter de toucher au 'padding', IE ne l'interprète pas comme tout le monde.
donc tu-es sûr que IE est capable de redimensionner ton image.
pour qu'il tienne compte de la cellule, tu peux essayer ça :
<td class='text1' style='padding: 5px;' position:relative;>
tu devrais aussi éviter de toucher au 'padding', IE ne l'interprète pas comme tout le monde.
18 avril 2007 à 18:17
Je sais bien qu'IE est nul, mais ça ne résoud pas mon problème ^^'
Mon "site" est hébergé sur mon ordinateur, et le but n'est que de partager mes photos avec des amis, et certains ne peuvent pas installer Firefox sur leur machine (eh oui, les ordis prêtés par les entreprises, c'est bien, mais si on n'en est pas admin...)