Photo en arrière plan, dimension automatique?
lallan62
Messages postés
6
Date d'inscription
Statut
Membre
Dernière intervention
-
lallan62 Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
lallan62 Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
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 !
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 !
A voir également:
- Photo en arrière plan, dimension automatique?
- Youtube en arrière plan - Guide
- Arrière plan - Guide
- Google photo - Télécharger - Albums photo
- Réponse automatique thunderbird - Guide
- Arriere plan pc - Guide
4 réponses
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...
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...
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
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
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!