Sujet Précédent Sujet Suivant

Background en css ... ça ne fonctionne pas !!

Résolu/Fermé
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 - 25 juil. 2009 à 16:41
math 2000 Messages postés 2579 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 - 26 juil. 2009 à 15:15
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.
A voir également:

29 réponses

  • 1
  • 2
Réponse 1 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 18:50
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.
1
Réponse 2 / 29
math 2000 Messages postés 2579 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 404
25 juil. 2009 à 16:48
tu as essayé sans -image juste background:url("");
0
Réponse 3 / 29
Utilisateur anonyme
25 juil. 2009 à 16:49
evite de mettre des espaces dans les nom de fichier sinon utilise: '_'
0
Réponse 4 / 29
math 2000 Messages postés 2579 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 404
25 juil. 2009 à 16:50
remplaces tesespace par %20 dans le code
0

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

Posez votre question
Réponse 5 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 17:38
J'ai essayé les deux solutions mais rien ni fait :-(. (Je ne m'attendais pas à des réponses si rapide merci c'est cool ...)
0
Réponse 6 / 29
Utilisateur anonyme
25 juil. 2009 à 17:56
test : 


background-image: url(Coucher de soleil.jpg);
0
Réponse 7 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 18:08
ça ne fonctionne pas .
0
Réponse 8 / 29
Utilisateur anonyme
25 juil. 2009 à 18:10
ton site est en ligne ?
0
Réponse 9 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 18:12
Non, enfaite je l'ai commencé aujourd'hui et je suis bloqué à ça donc je ne suis pas aller plus loin dans le code.
0
Réponse 10 / 29
Utilisateur anonyme
25 juil. 2009 à 18:21
tu es sur du nom de ton image ? elle est au bon emplacement ?
0
Réponse 11 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 18:24
Oui elle est dans le même dossier .
0
Réponse 12 / 29
ixih
25 juil. 2009 à 18:38
Hahaha j'ai trouvé: 

<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.
0
Réponse 13 / 29
Utilisateur anonyme
25 juil. 2009 à 18:38
supprime le no repeat
0
Réponse 14 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 18:57
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>
0
Réponse 15 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 19:02
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.
0
Réponse 16 / 29
giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
25 juil. 2009 à 19:03
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
0
Réponse 17 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 19:07
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 ...
0
Réponse 18 / 29
giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
25 juil. 2009 à 19:14
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>
0
Réponse 19 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 19:17
Donc ton image s'affiche normalement en fond d'écran ????
0
giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
25 juil. 2009 à 19:19
oui tout à fait
0
Réponse 20 / 29
slipknot-mm Messages postés 23 Date d'inscription samedi 25 juillet 2009 Statut Membre Dernière intervention 6 avril 2010 1
25 juil. 2009 à 19:22
Ba alors je ne comprends pas d'où peut venir le problème je viens d'essayer avec une autre image ça ne marche toujours pas. Je vais essayer de le mettre en ligne pour voir.
0

Discussions similaires

trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
Task host windows, c'est quoi ?
mat -
bebegamin59 -

23 réponses
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses
[CSS] Mettre un objet au premier plan
Achillion -
tiran58 -

2 réponses