Bonjour,

J'essaie de faire un site à design extensif et tout fonctionne sauf pour la bannière. J'ai fait comme dans le tuto de Matéo:



La bannière ne s'affiche tout simplement pas car "height" ne semble pas vouloir prendre de pourcentage. Si je met 100px pour height, la bannière s'affiche mais en 760x100 sans s'étirer sur toute la largeur qu'elle est supposée prendre. Comment faire pour que ma bannière prenne tel pourcentage de l'écran? Pour qu'elle se rédimensionne dépendant de la grosseur de l'écran?

La meilleure façon, selon moi, c'est de faire 3 images pour la bannière : Celle de gauche, qui sera fixe, celle du milieu, la partie extensible et enfin la dernière, qui sera fixe.

Voici le code CSS pour celle du milieu :

Mais plus l'image est large, plus elle doit être haute non? Je voudrais que la bannière prennent toujours 90% de l'écran en largeur mais il ne faut pas qu'elle soit déformée.

Dans ce cas, tu mets une image de fond et par dessus, tu centres une image fixe qui sera centrée, comme sur le SDZ


Edit: voilà les codes par exemple:

et dans le HTML :

Pour l'image centrée, tu devras l'enregistrer en .png pour la transparence, ou sinon en .jpg, c'est toi qui vois

Cela cause 2 problèmes:
Moi je veux que ce soit toute la bannière qui grossisse et qui prenne toute la place du div en se redimensionnant.

Merci d'avance si vous trouvez ce que je cherche.

Personnelement, j'ai fait ceci pour que mon header soit extensible:



Si tu applique ce code, tu verras que ton images prendra 100% de l'écran. Si c'est trop, tu n'as qu'a le rappetisser en changeant la valeure de width !

J'espère t'avoir aidé !
Luigi_home

Mouais merci... Je comptais mettre la bannière em background de mon div mais je vais essayer ça.

Merci!

Moi aussi ça m'interraisserais de savir comment faire pour rendre une image de background extensible, je ne peut pas appliquer la manière du width:100% car j'ai plusieurs designs sur mon site, et les bannières sont différentes pour chaque designs...
Si quelqu'un opouvais m'aider..
@++

Le seul problème avec ce genre de bannière c'est que plus on l'agrandit moins la qualité est bonne Mais vraiment y'a personne qui sait si c'est possible de mettre la bannière en background de <div...> et qu'elle soit extensive?

Citation : MrVincent

Le seul problème avec ce genre de bannière c'est que plus on l'agrandit moins la qualité est bonne Mais vraiment y'a personne qui sait si c'est possible de mettre la bannière en background de <div...> et qu'elle soit extensive?

Oué...

une petite recherche sur le forum, des reponses ont deja etait donner, pour etirer en largeur et empecher de se redimensionner en hauteur , tu peut mettre : width:100%; et height:la hauteur que tu en pixels */ et c'est pas beau, sauf si l'image ne represente rien de particulier */.

le dernier topic ou j'ais vu passer la question
http://www.siteduzero.com/forum-83-17174-affichage-d-image-extencible.html

a plus

Donc c'est impossible de mettre une image en background extensible sans utiliser <img...>?

On dirait bien.. et moi je ne peut pas, me voila donc obligé de me rabattre sur un design fixe ... ?
C'est la seule chose qui fait que mon site ne peut pas être extensible..ça doit bien exister une propriété qui fait que notre header s'adapte automatiquement ...Non?

Impossible d'agrandir une image sans perdre de qualité.

Je m'en fou de la qualité, je demande just si il existe un moyen.

Bien sûr que ca existe une propriété qui agrandisse les bannieres!!!!


Bon dsl pour les commentaires si c'est faux, mais je n'en fais pas tt le temps donc je suis jamais sur de l'emplacement de l'asterisk.

Gabyrel t'a rien compris de ce que je cherche je crois. J'essaie de mettre l'image en background-image de mon <div ...> et qu'elle soit extensive. Pas la mettre en <img ...>.

Et c'est pareil pour moi..parceque je sais très bien qu'on peut mettre une <img...> en extensible... Je veux que mon background soit extensible. Et je ne peux pas faire autrement ayant plusieus designs, et donc différentes bannières...

re,
un background en css extensible en css est impossible !
Maintenant la solution de l'image place en absolute au dimension (100% hauteur et largeur du div conteneur , placé lui en relative) donne exactement le resultat recherché, ... vu qu'elle est placé en absolute, elle fait office de fond, car un texte ou une autre image ajouté au conteneur s'affichera au dessus de l'image, Gné! ...
je remet l'adresse du lien d'un autre topic http://www.siteduzero.com/forum-83-17174-affichage-d-image-extencible.html

je vois pas ou est la dificulté supplementaire de changer le lien vers une image dans la balise image que dans le css ....
Dans les 2 cas , a mon avis il faut prefere le php (si possible ) au javascript (.... pour modifier cette adresse ) .
A plus et bonne chance.

j'ai trouver ce code c'est plutôt pas mal, il s'agit d'un background extensif voila le code j'espere que c'est ce que tu recherche:



Ok c'est avec une balise img mais ça devrait faire l'affaire

Gne !, les post sont jamais lu ou quoi ?

Pour que cette image serve de background il faut quelque modif/surcharge sur le css :

a plus