OVH Cloud OVH Cloud

Rappel

3 réponses
Avatar
Yanick Tremblay
Bonjour!
J'Avais deja demande un peu sur le sujet mais la je cherche de quoi de
precis

Si je fais un site largeur 900 ou 1024 avec une image en entete.
Que dois-je faire pour que le site s'Affiche correctement sur un affichge de
800.

Donc comment faire pour que la page s'Ajuste en largeur. Je sais je dois
mettre enpourcentage mais si mon image est plus large elle ne se reduit pas
donc la page nonplus? C quoi la methode meme si ca deforme l'image??

Merci encore
Yanick

3 réponses

Avatar
Louise Villeneuve
Bonjour,
Pour que l'image puisse s'ajuster à la taille de l'écran du
visiteur, on peut ajouter sa largeur dans le code Html,
comme: <img src="image.jpg" width="100%">
(Cela se fait aussi dans les propriétés de l'image, onglet
Apparence, en indiquant une largeur de 100 en pourcentage
et en effaçant sa hauteur.) Ensuite, l'image s'étirera ou se
réduira selon la résolution de l'écran.

Pour que l'ensemble de la page s'ajuste, on peut tout placer
dans un tableau dont les propriétés indiquent une largeur de
100% (clic droit dans le tableau, Propriétés du tableau).

Bonne journée,
Louise Villeneuve

"Yanick Tremblay" a écrit dans le message de news:
atKKb.17582$
Bonjour!
J'Avais deja demande un peu sur le sujet mais la je cherche de quoi de
precis

Si je fais un site largeur 900 ou 1024 avec une image en entete.
Que dois-je faire pour que le site s'Affiche correctement sur un affichge de
800.

Donc comment faire pour que la page s'Ajuste en largeur. Je sais je dois
mettre enpourcentage mais si mon image est plus large elle ne se reduit pas
donc la page nonplus? C quoi la methode meme si ca deforme l'image??

Merci encore
Yanick




Avatar
CFrofro
Bonjour bonsoir

En réponse à Louise Villeneuve qui nous disait:
|| Bonjour,
|| Pour que l'image puisse s'ajuster à la taille de l'écran du
|| visiteur, on peut ajouter sa largeur dans le code Html,
|| comme: <img src="image.jpg" width="100%">
|| (Cela se fait aussi dans les propriétés de l'image, onglet
|| Apparence, en indiquant une largeur de 100 en pourcentage
|| et en effaçant sa hauteur.) Ensuite, l'image s'étirera ou se
|| réduira selon la résolution de l'écran.
||
|| Pour que l'ensemble de la page s'ajuste, on peut tout placer
|| dans un tableau dont les propriétés indiquent une largeur de
|| 100% (clic droit dans le tableau, Propriétés du tableau).

Certes, cette technique fonctionne, mais soit la photo est de super qualité
donc d'un poids gigantesque et bonjour les temps de chargement, ou elle est
normale pour le net, généralement en 800 px maxi et bonjour les pixels en
affichage 1024 ou plus...
--
A+

°°°[:]o)

CFrofro
(Enlever le MASQUE pour répondre)

www.cfrofro.fr.st
Avatar
Yanick Tremblay
Merci de m'aider!

Pour les images qui deviendront de moindre qualite, c ce que je croyais masi
mais je voulais savoir le principe car je vais ajuster mes images en
consequence.

Pour le tableau en % ca allait mais pour les images ca je savais pas ! Alors
encore une fois vous m'aider beuacoup
MErci encore
Bye

"CFrofro" a écrit dans le message de
news:OtD$
Bonjour bonsoir

En réponse à Louise Villeneuve qui nous


disait:
|| Bonjour,
|| Pour que l'image puisse s'ajuster à la taille de l'écran du
|| visiteur, on peut ajouter sa largeur dans le code Html,
|| comme: <img src="image.jpg" width="100%">
|| (Cela se fait aussi dans les propriétés de l'image, onglet
|| Apparence, en indiquant une largeur de 100 en pourcentage
|| et en effaçant sa hauteur.) Ensuite, l'image s'étirera ou se
|| réduira selon la résolution de l'écran.
||
|| Pour que l'ensemble de la page s'ajuste, on peut tout placer
|| dans un tableau dont les propriétés indiquent une largeur de
|| 100% (clic droit dans le tableau, Propriétés du tableau).

Certes, cette technique fonctionne, mais soit la photo est de super


qualité
donc d'un poids gigantesque et bonjour les temps de chargement, ou elle


est
normale pour le net, généralement en 800 px maxi et bonjour les pixels en
affichage 1024 ou plus...
--
A+

°°°[:]o)

CFrofro
(Enlever le MASQUE pour répondre)

www.cfrofro.fr.st