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

narwok Messages postés 19 Date d'inscription   Statut Membre Dernière intervention   -  
narwok Messages postés 19 Date d'inscription   Statut Membre Dernière intervention   -
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.
A voir également:

2 réponses

adns Messages postés 1094 Date d'inscription   Statut Membre Dernière intervention   153
 
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   Statut Membre Dernière intervention  
 
Ok je vais essayer ça !

Merci du conseil !
0