Ajuster la dimension de l'image background
Résolu/Fermé
bluenette
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
-
29 nov. 2010 à 21:55
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 - 6 janv. 2012 à 09:21
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 - 6 janv. 2012 à 09:21
A voir également:
- Adapter background-image taille écran css
- Double ecran - Guide
- Comment réduire la taille d'un fichier - Guide
- Capture d'écran samsung - Guide
- Ecran noir pc - Guide
- Ecran d'accueil iphone - Guide
10 réponses
jalalnet
Messages postés
294
Date d'inscription
mardi 20 octobre 2009
Statut
Membre
Dernière intervention
30 juillet 2023
10
29 nov. 2010 à 22:04
29 nov. 2010 à 22:04
touche pas le backgournd plutôt
donne une largeur a la balise Body
donne une largeur a la balise Body
body
{
width:100%
}
jalalnet
Messages postés
294
Date d'inscription
mardi 20 octobre 2009
Statut
Membre
Dernière intervention
30 juillet 2023
10
Modifié par jalalnet le 30/11/2010 à 13:18
Modifié par jalalnet le 30/11/2010 à 13:18
tu vois votre image a un petit dimension 100*750 pour un grande résolution de pc donc ta 1 seul choix pour ajuster la taille d'image sur une grande résolution de pc
tu enlève
tu enlève
background-repeat:no-repeat;pour que le pc génère la partie vide du fond mais
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
30 nov. 2010 à 14:14
30 nov. 2010 à 14:14
Voici un code que je viens de tester:
L'image prends automatiquement la largeur totale de l'écran, sans être déformé.
Si tu veux déplacer l'image dans l'écran, modifie top: 0px;left: 0px; dans div#bg.
L'image reste fixe dans l'écran avec un scroll sur la page.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Background</title>
<meta name="description" content="">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
div#bg{position: fixed;top: 0px;left: 0px;z-index:-5;height: 100%;width: 100%;}
div#bg img{width: 100%;}
div#container{width: 800px;background: #fff;position: absolute;top:20px;left: 50%;margin-left: -400px;}
</style>
</head>
<body>
<div id="bg">
<img src="images/background.jpg" alt="" >
</div>
<div id="container">
<p>Voici Comment ça marche !!</p>
</div>
</body>
</html>
L'image prends automatiquement la largeur totale de l'écran, sans être déformé.
Si tu veux déplacer l'image dans l'écran, modifie top: 0px;left: 0px; dans div#bg.
L'image reste fixe dans l'écran avec un scroll sur la page.
jalalnet
Messages postés
294
Date d'inscription
mardi 20 octobre 2009
Statut
Membre
Dernière intervention
30 juillet 2023
10
Modifié par jalalnet le 30/11/2010 à 14:22
Modifié par jalalnet le 30/11/2010 à 14:22
d'abord enlève une fond ta mis 2 fond sur la page enlève celle dans du CSS
pour la hauteur ta page est vide donc ya que l'image du fond qui la grandir
tu peut faire ca
tu donne une hauteur 100% pour la balise img
pour la hauteur ta page est vide donc ya que l'image du fond qui la grandir
tu peut faire ca
tu donne une hauteur 100% pour la balise img
<img src="images/image_de_fond_accueil.jpg" width="100%" height="100%">
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bluenette
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
3
29 nov. 2010 à 22:16
29 nov. 2010 à 22:16
Avec ton code ça donne ça sur ma feuille style.css mais aucun changement mon image n'est toujours pas aux dimensions de l'écran voir : http://www.perigordgite.fr/
body
{
width:100%;
background-image: url(images/image_de_fond_accueil.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
}
Es-ce que j'ai fait une erreur de synthaxe?
body
{
width:100%;
background-image: url(images/image_de_fond_accueil.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
}
Es-ce que j'ai fait une erreur de synthaxe?
jalalnet
Messages postés
294
Date d'inscription
mardi 20 octobre 2009
Statut
Membre
Dernière intervention
30 juillet 2023
10
30 nov. 2010 à 13:26
30 nov. 2010 à 13:26
sinon si tu veut pas que la partie vide remplie par du répétition ta que inséré la fond dans le code html puis définis une width ,c mieux je la trouve
<body> <img src="images/image_de_fond_accueil.jpg" width="100%"> </body>
bluenette
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
3
30 nov. 2010 à 13:43
30 nov. 2010 à 13:43
Merci c'est beaucoup^mieux : >>> www.perigordgite.fr
Il y a tout de même quelque chose qui me dérange, maintenant l'image descend trop bas, il y a besoin du curseur pour aller jusqu'en bas! Comment la rétrécir (garder sa largeur mais diminuer sa hauteur)?
Il y a tout de même quelque chose qui me dérange, maintenant l'image descend trop bas, il y a besoin du curseur pour aller jusqu'en bas! Comment la rétrécir (garder sa largeur mais diminuer sa hauteur)?
bluenette
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
3
30 nov. 2010 à 16:29
30 nov. 2010 à 16:29
merci bcp!!! c'est bon pour moi
up bonjour j'ai le meme probléme,merci de votre aide
(ps : les réponses précédentes n'apparaissent pas )
(ps : les réponses précédentes n'apparaissent pas )
RAD ZONE
Messages postés
5224
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
22 mars 2024
1 353
6 janv. 2012 à 09:21
6 janv. 2012 à 09:21
salut
Regarde ces reponses
https://forums.commentcamarche.net/forum/affich-24106746-inserer-une-seule-image-sur-son-site
Regarde ces reponses
https://forums.commentcamarche.net/forum/affich-24106746-inserer-une-seule-image-sur-son-site
