Probleme avec Back-ground en css ? Résolu/Fermé

Question

Bonjour,

Bonjour,


je fais appel au pro du CSS

mon image de fon ne veut pas apparaître, ni sous dreamweaver, ni avec notepad

Le code css ci-joint est pourtant correct puisque donné par un pro

Les deux fichiers xhtml et css fonctionnent bien puisque la couleur s'applique
bien au document

Ou ai-je fait une erreur dans le chemin, j'ai bien revérifié, et il me semble 
que tout est bon ?

J'ai entendu dire que l'on pouvait utiliser un chemin absolu, et non relatif, 
est-ce que le chemin absolu est possible pour une image située en local ?
Peut-être que ça pourrait être une solution ?

Merci de votre aide, pour un problème qui pourtant est soi-disant le b-a-ba
du CSS

body
{ background-color: #FFFF99 }
{
   background-image: url("images/partitionfond.jpg"); /* Le fond est l'image "skieur.gif" */
   background-repeat: no-repeat; /* Le fond ne se répète pas */
   background-position: top right; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}
h1
{
   font-style: italic;
   font-family: "Arial Black", Arial, Verdana, serif;
   text-align: center;
}
blockquote p
{
   text-align: justify;
   text-indent: 25px;
}

Utilisateur anonyme · Answer

Salut,
il faudrait enlever le :
{ background-color: #FFFF99 } 
et ça irait beaucoup mieux.

Utilisateur anonyme · Answer

pour une fois que je me réponds à moi-même, j'ai trouvé la solution, la voici:


En, fait dans mon exemple, j'avais mis l'image back-ground, mais
sans définir son positionnement. c'est pour ça que l'image n'apparaissait pas,
j'ai pris l'exemple css suivant sur un autre tutorial dans le même genre que le site du zéro,
et ils décrivent tous étape par étape:
 
 
http://www.pompage.net/traduction/les-bases-du-background

Donc avec le code Css suivante, l'image apparait bien, on apprend ici, que les
guillements ne sont pas toujours recommandé pour certaines versions, cependant,
mon image n'apparaissait pas parce que son positionnement n'était pas défini.
La balise back-ground dans le css ne suffit, il faut la définir davantage....


body
{ background-color: #FFFF99 }

body {
  margin: 0;
  padding: 0;
  background-image: url(images/partitionfond.jpg);
}
}
h1
{
   font-style: italic;
   font-family: "Arial Black", Arial, Verdana, serif;
   text-align: center;
}
blockquote p
{
   text-align: justify;
   text-indent: 25px;
}

Probleme avec Back-ground en css ?

2 réponses

Discussions similaires