Comment mettre le background a la bonne taill

Fermé
Chazy_chaxxx Messages postés 106 Date d'inscription samedi 24 janvier 2009 Statut Membre Dernière intervention 30 octobre 2022 - 5 févr. 2010 à 13:30
graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 - 5 févr. 2010 à 21:59
Bonjour à tous,
j'aimerai que mon background qui est rectangulaire un peu comme une page A4, prenne toute la largeur de l'écran. Pouvez vous m'aider à faire ceci s'il vous plait ?

Je vous le montre: (vous verrai mieux le but de la démarche)
http://www.blacks-refrigeration.be/Dossierpourmespotes/

9 réponses

kiyomasa Messages postés 312 Date d'inscription mercredi 23 septembre 2009 Statut Membre Dernière intervention 12 mai 2016 5
5 févr. 2010 à 13:45
Ta page ne même à rien.
C'est quoi ton background ?
Si ce n'est qu'une couleur, tu met en CSS : background-color;

Par exemple, si tu veux du noir, tu met : background-color: #000000;
0
Chazy_chaxxx Messages postés 106 Date d'inscription samedi 24 janvier 2009 Statut Membre Dernière intervention 30 octobre 2022 14
5 févr. 2010 à 13:50
Oui merci mais ce n'est pas une couleur, c'est une image !
0
Hello, au risque de dire une bêtise, tu as essayé "background-image" dans body dans le css?
0
Yannick_Altuna_07 Messages postés 87 Date d'inscription lundi 4 mai 2009 Statut Membre Dernière intervention 12 septembre 2016 9
5 févr. 2010 à 17:10
Il n'y à aucune solution "simple" pour faire ce que tu demandes.

** je précise que je donne une réponse sans avoir vu ton background (ton lien ne fonctionne pas) **

Mais je connais un plug-in jquery qui change ton background en fonctionne de la résolution de l'écran du visiteurs.

Donc tu retailles ton bakground en fonction des résolution les plus courante (800x600, 1024x768 etc)

et tu vas chopper le plug-in ici :

http://buildinternet.com/...

Si tu as des problèmes pour l'installation demande moi (j'suis au boulot je répondrai dans la mesure du possible)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Chazy_chaxxx Messages postés 106 Date d'inscription samedi 24 janvier 2009 Statut Membre Dernière intervention 30 octobre 2022 14
5 févr. 2010 à 18:01
1000 excuse pour le faux lien,
Voici le lien correct : http://img4.imageshack.us/img4/3470/sitefinalremy.jpg
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
5 févr. 2010 à 18:42
C'est cette image que tu veux mettre en fond ? une image de plus de 2Mo et qui met 3 plombes à se charger ?!!!! (j'espère que non....)
Sinon, voir ici pour la technique...
0
Chazy_chaxxx Messages postés 106 Date d'inscription samedi 24 janvier 2009 Statut Membre Dernière intervention 30 octobre 2022 14
5 févr. 2010 à 21:19
Bordel que c'est compliqué, et vous pouvez me conseillé une autre méthode pour arrivé à ce design là ?
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
5 févr. 2010 à 21:25
Non, c'est la seule. Ou du moins tout autre méthode ne sera pas plus simple.
Et elle n'est pas compliquée... ;)

Donc, si cela te semble hors de portée, c'est qu'il faut que tu reprennes les bases du html/CSS.
0
graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
5 févr. 2010 à 21:59
Heu il y en a une que j' utilise et qui est pour moi plus simple.

Ton background sera redimensionné selon la resolution du visiteur en 100% largeur et hauteur dans tout les cas.

Il faut tricher proprement.

dans ton css tu dosi mettre html en meme temps que body a 100%:



<style type="text/css">
<!--
html, body {
margin:0;
padding:0;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height: 100%;
width: 100%;
position:absolute;
}
#arriere{
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
background-attachment:fixed;
position:fixed;
z-index:-2000;

}
-->
</style>


Ensuite

tu dois rajouter un div pour ton image, ici #arriere.

et tu n' a plus qu' a placer ton image qui se fera en background 100% haut et largeur.

</head>
<img src="images/tonulage.gif" alt="" id="arriere" />
<body>


Fais moi confiance je l' utilise sur tous mes sites ayant un backgroudn particulier, et tu peux changer de resolution sur ton pc , tu verras toujours le background en entier, en 800x600 comme en 1600x1200, mais je te conseil un background en 1600, qui sera moins degueu en etant rapetissé que l' inverse.

Regarde en exemple une de mes pages et change ta resolution ;)

Bon le hic, est que le background en 1600 est un peu long a charger, mais ca n' est que la premiere fois :)

http://r22914.ovh.net/~webcoyotv/test/header.php

0