Comment mettre le background a la bonne taill
Chazy_chaxxx
Messages postés
106
Date d'inscription
Statut
Membre
Dernière intervention
-
graffx Messages postés 6506 Date d'inscription Statut Contributeur Dernière intervention -
graffx Messages postés 6506 Date d'inscription Statut Contributeur Dernière intervention -
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/
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/
A voir également:
- Comment mettre le background a la bonne taill
- Comment réduire la taille d'un fichier - Guide
- Comment reduire la taille d'une photo - Guide
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Starter background changer - Télécharger - Thèmes & Fonds d'écran
- John's background switcher - Télécharger - Suite bureautique
9 réponses
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;
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;
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)
** 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)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
1000 excuse pour le faux lien,
Voici le lien correct : http://img4.imageshack.us/img4/3470/sitefinalremy.jpg
Voici le lien correct : http://img4.imageshack.us/img4/3470/sitefinalremy.jpg
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...
Sinon, voir ici pour la technique...
Bordel que c'est compliqué, et vous pouvez me conseillé une autre méthode pour arrivé à ce design là ?
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.
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.
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
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