![]() |
Forum SELFHTML: Archives: |
Le message suivant est de: C.Lebrun,
lebrunchristophe@yahoo.fr, 01. 03. 2005, 12:23
Dans ma page html ne contenant que des images, je fais appel à une feuille de style pour modifier les images en fonction des cliques de souris. Cela se passe très bien.
Le problème se trouve au niveau de la page html, lorsque je modifie les options d'internet explorer, dans affichage > taille du texte, si je modifie cette options, ma mise en page s'en trouve affectée, alors que je n'affiche que des images.
Je ne parviens pas à comprendre la relation et à corriger ce problème. Par avance merci aux éclaireurs...
Le message suivant est de: Bartouille,
bertrand.wattel_pasDeSpam@free.fr, 01. 03. 2005, 19:26
http://mythes.foret.free.fr
»» Le problème se trouve au niveau de la page html, lorsque je modifie les options d'internet explorer, dans affichage > taille du texte, si je modifie cette options, ma mise en page s'en trouve affectée, alors que je n'affiche que des images.
Bonjour,
Sans voir le code HTML, ça risque d'être difficile de savoir d'où viens le problème (peut-être est-ce un tableau ? ou des balises <P> ?)
Sinon, le plus simple me semble encore être de positionner les images en absolu ou en relatif par rapport à la première image.
Bartouille
Le message suivant est de: Patrick Andrieu, 02. 03. 2005, 07:44
http://actuel.fr.selfhtml.org/equipe/patrick.htm
Bonjour!
»» Le problème se trouve au niveau de la page html, lorsque je modifie les options d'internet explorer, dans affichage > taille du texte, si je modifie cette options, ma mise en page s'en trouve affectée, alors que je n'affiche que des images.
»» Par avance merci aux éclaireurs...
Le problème vient certainement des "hard returns" (retours à la ligne) et autres espaces tapés dans le texte. Les navigateurs rendent ces hard returns comme des espaces blancs, et c'est la raison pour laquelle il est préférable de noter deux images devant être montrées côte à côte sans espace entre elles sur une même ligne:
<img src="image1.gif" width="..." height="..." alt="..."><img src="image2.gif" width="..." height="..." alt="...">
et non pas:
<img src="image1.gif" width="..." height="..." alt="...">
<img src="image2.gif" width="..." height="..." alt="...">
ce qui créera un espace blanc entre les images.
De plus, si tu n'as défini tes CSS que pour tes images, tous ces retours à la ligne ou espaces tapés (souvent inévitablement) dans le texte, grandiront avec chaque augmentation de la taille du texte. Une solution serait alors de placer toutes les images d'une page dans un conteneur <div> auquel tu attribues une taille de texte fixe (même si le conteneur ne contient pas de texte):
<div style="font-size:12px;">
<img ...>
<img ...>
<img ...>
<img ...>
<img ...>
</div>
Meilleures salutations de Francfort sur le Main,
Patrick

© 1998-2004
selfhtml@fr.selfhtml.org