OVH Cloud OVH Cloud

Figer la mise en page

4 réponses
Avatar
Ludo
Débutant sous FP.

J'ai créé des pages affichant des photos sur 4 colonnes, si je réduis ma
résolution ou réduit la fenêtre du navigateur il n'y a plus que 2 ou 3
colonnes de photos ce qui augmente le nombre de lignes. Comment faire pour
que la page garde tjs sa mise en page malgré la résolution, il faut je pense
que les images puisse diminuer en taille ou au contraire s'agrandir selon le
cas.

Merci de votre aide.

4 réponses

Avatar
Louise
Bonjour,
La largeur peut être fixée avec la commande div. Par exemple,
on peut ajouter ceci dans le code Html avant la série d'images:
<div style="width: 800px"> et les terminer par </div>.
Dans ce cas, avec une largeur fixe, plusieurs visiteurs verront
une barre de défilement horizontale.

Pour le faire à travers les menus, dans FrontPage 2003, choisir
Insertion - Couche. Positionner la couche à l'endroit voulu;
modifier sa taille et son contenu. Ensuite, sélectionner la couche,
puis au bas du volet Couches, cliquer sur le lien Positionnement;
choisir Aucun pour le style de positionnement.

Votre idée d'agrandir ou réduire les images en fonction de la
taille de l'écran est valable, à la condition qu'il n'y ait pas de texte
inséré à travers les images (il ne suivrait pas la taille des images).
Une façon de le faire serait d'ajouter à chaque image une largeur
en pourcentage, mais pas de hauteur (pour éviter qu'elle se
déforme), comme dans:
<img border="0" src="image1.jpg" width="40%">

Finalement, vous pouvez aussi placer vos images dans un
tableau à largeur fixe http://faqfp.free.fr/faq/tableaux

Bonne journée,
Louise

"Ludo" a écrit dans le message de news:

Débutant sous FP.

J'ai créé des pages affichant des photos sur 4 colonnes, si je réduis ma
résolution ou réduit la fenêtre du navigateur il n'y a plus que 2 ou 3
colonnes de photos ce qui augmente le nombre de lignes. Comment faire pour
que la page garde tjs sa mise en page malgré la résolution, il faut je pense
que les images puisse diminuer en taille ou au contraire s'agrandir selon le
cas.

Merci de votre aide.



Avatar
Ludo
Mon idée est effectivement de réduire les images en fonction de la
taille de l'écran. Il n'y a pas de texte inséré à travers les images
A quel endroit dois-je insérer la ligne :
<img border="0" src="image1.jpg" width="40%">
Merci.
Avatar
Louise
Bonjour,
Dans le code Html, regardez la définition actuelle de vos images,
peut-être du genre:
<img border="0" src="votreimage.jpg" width="466" height="329">
C'est à chacune de ces commandes qu'il faudrait enlever
l'attribut height et remplacer la largeur par un pourcentage.

Pour le faire à travers les menus:
- en mode Normal (ou Création), double-cliquer sur l'image;
- cocher l'option Spécifier la taille;
- vider le contenu de la zone Hauteur;
- dans la zone Largeur, pointer "en pourcentage", puis indiquer
le pourcentage voulu (pour partir, j'essaierais 100 pour conserver
la taille actuelle de vos images, sinon il faudra plusieurs essais
pour trouver la proportion adéquate).

Dès que vous aurez modifié quelques images, vérifiez le
résultat dans un navigateur. Le changement est bien visible
lorsqu'on réduit ou agrandit la taille de la fenêtre...

Au revoir,
Louise


"Ludo" a écrit dans le message de news:

Mon idée est effectivement de réduire les images en fonction de la
taille de l'écran. Il n'y a pas de texte inséré à travers les images
A quel endroit dois-je insérer la ligne :
<img border="0" src="image1.jpg" width="40%">
Merci.




Avatar
Ludo
Super.

Merci beaucoup.