Rechercher : dans
Par :

Photo en arrière plan, dimension automatique?

Dernière réponse le 11 avr 2008 à 18:21:05 lallan62, le 6 avr 2008 à 22:00:27 
 Signaler ce message aux modérateurs

Bonjour,

Avant tout merci de me consacrer du temps, j'ai longtemps chercher mais n'ai trouver aucune réponse.

Alors voici mon problème; dans le site que je crée en ce moment avec dreamweaver je souhaiterai mettre une photo d'une grande résolution en arrière plan. Jusque là tout va bien. Mais lorsque je l'a met donc en arrière plan celle-ci bien trop grande dépasse largement (à tout cassé je ne voit que 1/20eme de la photo). Bien sur je la réduirais forcément pour gagner de la place sur l'hébergement...

Cette photo qui est alors mon arrière plan je l'ai mise en fixe, de cette façon pour le défilement elle ne bouge pas et c'est ce que je recherche.

Maintenant et voici ma question, comment faire pour que cette photo s'adapte à chaque fenêtre des différents internautes qui ont alors différentes résolutions? Autrement dit j'aimerai que cette photo s'affiche sur tout l'arrière plan quelque soit la résolution de l'internaute tout en restant fixe bien sur. Il me suffirai juste de pouvoir caractériser les dimensions de cette images. Je sais que pour une image insérée au premier plan il suffirai de mettre 100% aux dimensions, mais pour une image d'arrière plan je ne trouve pas.

Merci à tout ceux qui voudront bien m'aider !

Configuration: Windows XP
Firefox 2.0.0.13

Meilleures réponses pour « photo en arrière plan, dimension automatique? » dans :
Les arrière-plans VoirInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise  : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière...

1

fredo 13, le 6 avr 2008 à 22:03:34

La resolution la plus courante est : 640 par 480 . sa passe partout

Répondre à fredo 13

2

lallan62, le 6 avr 2008 à 22:18:27

Oui mai le problème c'est que si je le fait pour cette résolution, ce sera aux détriments des autres... soit trop grande pour les plus petites et trtop petite pour les plus grandes

Répondre à lallan62

3

beate, le 6 avr 2008 à 22:45:08

Bonsoir!
Je crois que l'on peut superposer deux div en les plaçant par rapport au coin supérieur.
Dans le premier tu pourrais mettre 100% comme largeur, puis tu adaptes ton second au contenu.
Je ne sais pas si c'est une bonne piste ... je n'ai encore jamais essayé.
Bonne chnace!

Répondre à beate

4

Devilish, le 7 avr 2008 à 07:58:20

Bonjour.
Certain code en javascript tout fait te permette de vérifier la résolution d'un écran, par contre faut chercher ^^!
Et aussi la résolution la plus courante c'est du 1024 par 768 (c'est a peu prés les écrans 17 et 19 pouces par défaut), 640 par 480 c'est trés peu répandu maintenant en fait...

Répondre à Devilish

5

WebDesigner, le 7 avr 2008 à 13:29:18

Bonjour,

Je te conseille de créer une feuille de style .css ou tu pourras y mettre ton arrière plan prenant tout l'écran sans avoir de décalage, pour cela, le code serait de ce style :


html {
background: url('images/fond.jpeg') 100% top;
background-color:#1A1A1A;
padding: 0;
font-family: sans-serif, serif;
font-size: small;
margin: 0;
color: #0d0d0d

Répondre à WebDesigner

6

lallan62, le 7 avr 2008 à 14:25:15

L'image disparait !

Répondre à lallan62

7

lallan62, le 7 avr 2008 à 18:41:46

Rectification l'image est là mais aucun redimensionnements sur la fenêtre, je ne voit que le milieu haut

Répondre à lallan62

8

 lallan62, le 11 avr 2008 à 18:21:05

Personne n'a d'autre réponse ? J'ai beau essayé avec ce que l'on m'a donné je n'y arrive toujours pas, les dimensions de la photos ne s'ajuste pas automatiquement à la fenêtre, personne n'a d'autre solution à me donner?

Répondre à lallan62