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

Fermé
narwok Messages postés 19 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 20 février 2013 - 22 juil. 2011 à 11:36
narwok Messages postés 19 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 20 février 2013 - 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.

2 réponses

adns Messages postés 1094 Date d'inscription vendredi 23 février 2007 Statut Membre Dernière intervention 27 mars 2012 153
22 juil. 2011 à 11:59
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
0
narwok Messages postés 19 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 20 février 2013
22 juil. 2011 à 12:16
Ok je vais essayer ça !

Merci du conseil !
0