Background en css ... ça ne fonctionne pas !!
Résolu
slipknot-mm
Messages postés
23
Date d'inscription
Statut
Membre
Dernière intervention
-
math 2000 Messages postés 2605 Date d'inscription Statut Membre Dernière intervention -
math 2000 Messages postés 2605 Date d'inscription Statut Membre Dernière intervention -
Bonjour, à tous, je sais que cette question à déjà était posée mais je n'ai trouvé aucune solution à mon problème.
Voilà j'ai déjà fait un site internet mais celui-ci était entièrement en html, pour mon prochain site je veux inclure du css.
Mon problème c'est que je commence et que j'apprends, ma question va vous semblez idiote mais je n'arrive pas à mettre de fond (background) à ma page, elle s'affiche toute blanche. Je vous donne le code (c'est juste l'introduction du code là où ce trouve le code pour le background). Ceci est juste un essai et n'hésitez pas à me dire ce qui cloche :
<html>
<head>
<style type="text/css">
body {
background-image: url("Coucher de soleil.jpg");
background-repeat: no-repeat ; /*pas de répition de l'image*/
background-attachment: fixed ;
}
</style>
</head>
</html>
Vu que mon image est dans le même dossier que ma page, je ne pense pas que cela vienne du chemin.
En attente de réponse.
Merci d'avance.
Voilà j'ai déjà fait un site internet mais celui-ci était entièrement en html, pour mon prochain site je veux inclure du css.
Mon problème c'est que je commence et que j'apprends, ma question va vous semblez idiote mais je n'arrive pas à mettre de fond (background) à ma page, elle s'affiche toute blanche. Je vous donne le code (c'est juste l'introduction du code là où ce trouve le code pour le background). Ceci est juste un essai et n'hésitez pas à me dire ce qui cloche :
<html>
<head>
<style type="text/css">
body {
background-image: url("Coucher de soleil.jpg");
background-repeat: no-repeat ; /*pas de répition de l'image*/
background-attachment: fixed ;
}
</style>
</head>
</html>
Vu que mon image est dans le même dossier que ma page, je ne pense pas que cela vienne du chemin.
En attente de réponse.
Merci d'avance.
A voir également:
- Background en css ... ça ne fonctionne pas !!
- 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
- Gvr background window 3 ✓ - Forum Windows 10
- Enlever le soulignement d'un lien css - Astuces et Solutions
29 réponses
Cela ne fonctionne toujours pas. J'ai renommer l'image sans espace j'ai essayé tout ce que vous m'avez dit et ça ne fonctionne pas.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'ai essayé les deux solutions mais rien ni fait :-(. (Je ne m'attendais pas à des réponses si rapide merci c'est cool ...)
Non, enfaite je l'ai commencé aujourd'hui et je suis bloqué à ça donc je ne suis pas aller plus loin dans le code.
Hahaha j'ai trouvé:
Bon revenons au départ dans le head tu stipules que le css est utilisé(ca coute pas grand chose de rajouter derrière type="text/css" rel="stylesheet" pour certains navigateurs récalcitrants-les vieux ou vieilles versions surtout).
Donc l'élément body aura le "styl" que tu indiques entre les {}.
LE PROBLEME C'EST QUE IL N'Y A PAS d'ELEMENT BODY DANS TON CODE!!!
Donc derrière </head> il faut bien sur mettre <body> et </body> car si le <head> correspond au caractéristique de la page tout ce qui se trouve entre <body> et </body> est la page à proprement parlée. Dans le doute rajoute quelquechose dans le body car certains navigateurs en voyant un <body></body> ne contenant rien vont afficher une page de 0 de large et de 0 de long...autant dire rien.
note sur la notation: background-image: url(image.jpg); comme ça et non avec les " " qui ne sont pas utilisées en css.
<html>
<head>
<style type="text/css">
body {
background-image: url("Coucher de soleil.jpg");
background-repeat: no-repeat ; /*pas de répition de l'image*/
background-attachment: fixed ;
}
</style>
</head>
</html>
Bon revenons au départ dans le head tu stipules que le css est utilisé(ca coute pas grand chose de rajouter derrière type="text/css" rel="stylesheet" pour certains navigateurs récalcitrants-les vieux ou vieilles versions surtout).
Donc l'élément body aura le "styl" que tu indiques entre les {}.
LE PROBLEME C'EST QUE IL N'Y A PAS d'ELEMENT BODY DANS TON CODE!!!
Donc derrière </head> il faut bien sur mettre <body> et </body> car si le <head> correspond au caractéristique de la page tout ce qui se trouve entre <body> et </body> est la page à proprement parlée. Dans le doute rajoute quelquechose dans le body car certains navigateurs en voyant un <body></body> ne contenant rien vont afficher une page de 0 de large et de 0 de long...autant dire rien.
note sur la notation: background-image: url(image.jpg); comme ça et non avec les " " qui ne sont pas utilisées en css.
Voici le code avec body que j'ai rajouté :
<html>
<head>
<style type="text/css" rel="stylesheet">
{
width:800px;
height:600px;
margin-left:auto;
margin-right:auto;
background-image: url(Coucherdesoleil.jpg);
font-family: Verdana, "Times New Roman", sans-serif;
}
</style>
</head>
<body width="1000" height="1000">
<table width="1000" height="1000">
<tr>
<td>
dsqfgshhfnhnnfrnsfndd
</td>
</tr>
</body>
</html>
<html>
<head>
<style type="text/css" rel="stylesheet">
{
width:800px;
height:600px;
margin-left:auto;
margin-right:auto;
background-image: url(Coucherdesoleil.jpg);
font-family: Verdana, "Times New Roman", sans-serif;
}
</style>
</head>
<body width="1000" height="1000">
<table width="1000" height="1000">
<tr>
<td>
dsqfgshhfnhnnfrnsfndd
</td>
</tr>
</body>
</html>
Et puis ce que je ne comprends pas c'est que avec d'autres image ça ne fonctionne pas non plus et ça ne fonctionne pas non plus quand j'essaye de mettre des background dans des div.
bonsoir,
êtes vous sûr du chemein vers ce fichier images ?
est-il au même niveau que le fichier qui l'appelle ?
ne serait-il parait dans un dossier images ?
voilà quelques autres pistes de réflexion
êtes vous sûr du chemein vers ce fichier images ?
est-il au même niveau que le fichier qui l'appelle ?
ne serait-il parait dans un dossier images ?
voilà quelques autres pistes de réflexion
Ba ma page est dans le fichier "site internet" et mon image est placée dans le même dossier donc je ne pense pas qu'il y est une erreur de chemin ...
ce code fonctionne chez moi
<html>
<head>
</head>
<style type="text/css" >
body {
/*width:800px;
height:600px;
margin-left:auto;
margin-right:auto; */
background-image: url('tropiques.jpg');
/*font-family: Verdana, "Times New Roman", sans-serif; */
}
</style>
<body width="1000" height="1000">
<table width="1000" height="1000">
<tr>
<td>
dsqfgshhfnhnnfrnsfndd
</td>
</tr>
</body>
</html>
<html>
<head>
</head>
<style type="text/css" >
body {
/*width:800px;
height:600px;
margin-left:auto;
margin-right:auto; */
background-image: url('tropiques.jpg');
/*font-family: Verdana, "Times New Roman", sans-serif; */
}
</style>
<body width="1000" height="1000">
<table width="1000" height="1000">
<tr>
<td>
dsqfgshhfnhnnfrnsfndd
</td>
</tr>
</body>
</html>