Posez votre question Signaler

Image (bannière) sur site web à taille en %

narwok 14Messages postés 6 octobre 2006Date d'inscription 17 août 2011Dernière intervention - Dernière réponse le 22 juil. 2011 à 12:16
Bonjour,
Je suis en train de faire un site web à cadres multiples dont les tailles sont définies en %:
Cadre central : 80% x 85%
Cadres gauche et droite : 10% x 100%
Cadre haut (bannière) 80% x 10%
Cadre bas : 80% x 5%
(Ceci me permet en fonction de la résolution d'avoir un site affiché similaire et d'éviter les ascenseurs)
Mon soucis est le suivant :
Je souhaite mettre un fichier image en guise de bannière de site dans le cadre du haut. Cependant pour que l'image suive le principe du site, à savoir s'adapter à toutes les résolutions, j'aurais besoin de définir la taille de l'image en % et non en pixels, car si l'image fait 900px x140, forcément, une résolution 800x600 aura un ascenseur et une résolution 1680 x 1050 ne verra pas une image correctement centrée.
Est ce que j'ai le moyen de définir une taille d'image en pourcentage ? Si oui comment ?
(J'utilise dreamweaver, mais un code pourrait me suffir je pense).
Merci par avance pour vos réponses.
Tony.
Lire la suite 

Image (bannière) sur site web à taille en % »

2 réponses
Réponse
+0
moins plus
Bonjour,

pas sur que tu puisse définir la taille d'une image en %.
La solution utilisé par ceux qui veux que la bannière "suive" la taille de l'écran est la suivante

Cette technique n'a pas forcement l'effet voulu car il faut qu'une partie de ton image soit "étirable"

Tu découpe ton image en 3 parties dont une très fine (celle du milieu).
tu place les 2 extrémités en fixe (taille en pixel) dans des div. Et tu met celle du milieu dans un div central (entre les 2 div des 2 extremité des images) en background avec la propriété CSS repeat-x.

Ainsi si la résolution est plus grande le "milieu" s'agrandira!

Adns
Ajouter un commentaire
Réponse
+0
moins plus
Ok je vais essayer ça !

Merci du conseil !
Ajouter un commentaire
Ce document intitulé « Image (bannière) sur site web à taille en % » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?