18041 sujets

Questions générales et questions de débutants

Probleme d'affichage de mon fond d'ecran en css

bonjours je suis debutant dansn le language xhtml et les feuille de style car je commence a le voir en cours mais voila j'ai un projet a rendre pour la semaine prochaine mon fond d'ecran n'apparait que l'orsque j'edit ma feuille de style autrement si je lance la page comme ça j'au un fond blanc je vous montre ce que j'ai marquer en rapport avec mon fond d'ecran dans ma feuille de styles:
*{
background-image:url(Images/fond.gif);
}
voila j'ai essayer de mettre body mais ça change rien merci d'avance pour vos reponse
salut,

as tu le code html de ta page, et le css plus ou moins complet... histoire qu'on y voit plus clair.

sinon, d'ores-et-deja tu peux mettre le selecteur "body" plutot que "*" sinon tout tes elements (cadres, listes, liens, paragraphes...) auront le meme fond...

aplus

opi
Salut,

Tes liens vers les images sont bons ? Tu arrive à trouver l'image manuellement ?

Fait attention à la casse de tes noms de dossier et de fichier (majuscule/minuscule)
je vais vous mettre ma page la plus simple c a dire mon sommaire car en fait j'ai 4 page a faire avec la meme feuille de styles :
voila le document xhtml:

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta lang="fr" http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Page d'accueil</title>
<link rel="stylesheet" href="Styles/stylepagelibre.css" type="text/css" />
</head>
<body>
<div class="thumb7">

<a href="kingdom_hearts.xhtml" title="Voyagez dans le monde de Kingdom Hearts">
<img src="Images/kh1.png" />
<img src="Images/kingdomhearts1.png" class="grand7" />
</a></div>

<div class="thumb8">
<a href="kingdom_hearts_2.xhtml" title="Découvrez le monde de Kingdom Hearts II">
<img src="Images/kh2.png" />
<img src="Images/kingdomhearts2.png" class="grand8" />

</a></div>

<div class="thumb9">
<a href="photos_du_jeu.xhtml" title="Fond d'ecran et Photos du jeu">
<img src="Images/dessin1.png" />
<img src="Images/kh.png" class="grand9" />
</a></div>

<div class="thumb10">
<a href="../page_monde/lemondefr.xhtml" title="réplique de la page du Monde">

<img src="Images/terre.gif" />
<img src="Images/lemondefr.png" class="grand10" />
</a></div>

</body>
</html>

puis voici ma feuille de style :je vais aps tt vous mettre elle est tres longues:

*{
background-image:url(Images/fond.gif);
}

body{
font-size:12pt;
color:white;}


#haut{
position:absolute;
top:45px;
left:15px;
}

#bas{
position:absolute;
top:140px;}


/******************************/
/******kingdom hearts**********/
/******************************/

h1{
position:absolute;
top:80px;
left:350px;
}
#l1{
position:absolute;
top:1000px;
left:700px;}

#l2{
position:absolute;
top:1740px;
left:700px;}

#l3{
position:absolute;
top:2360px;
left:700px;
padding-bottom:30px;}

c juste le debut voila
Administrateur
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
coincoin64 a écrit :
je vais vous mettre ma page la plus simple c a dire mon sommaire car en fait j'ai 4 page a faire avec la meme feuille de styles :
voila le document xhtml:


<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta lang="fr" http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Page d'accueil</title>
    <link rel="stylesheet" href="Styles/stylepagelibre.css" type="text/css" />
  </head>
  <body>
  <div class="thumb7">

  <a href="kingdom_hearts.xhtml" title="Voyagez dans le monde de Kingdom Hearts">
  <img src="Images/kh1.png" />
  <img src="Images/kingdomhearts1.png" class="grand7" />
  </a></div>

   <div class="thumb8">
  <a href="kingdom_hearts_2.xhtml" title="Découvrez le monde de Kingdom Hearts II">
  <img src="Images/kh2.png" />
  <img src="Images/kingdomhearts2.png" class="grand8" />

  </a></div>

 <div class="thumb9">
  <a href="photos_du_jeu.xhtml" title="Fond d'ecran et Photos du jeu">
  <img src="Images/dessin1.png" />
  <img src="Images/kh.png" class="grand9" />
  </a></div>

 <div class="thumb10">
  <a href="../page_monde/lemondefr.xhtml" title="réplique de la page du Monde">

  <img src="Images/terre.gif" />
  <img src="Images/lemondefr.png" class="grand10" />
  </a></div>

  </body>
</html>


puis voici ma feuille de style :je vais aps tt vous mettre elle est tres longues:


*{
background-image:url(Images/fond.gif);
}

body{
font-size:12pt;
color:white;}


#haut{
position:absolute;
top:45px;
left:15px;
}

#bas{
position:absolute;
top:140px;}


/******************************/
/******kingdom hearts**********/
/******************************/

h1{
position:absolute;
top:80px;
left:350px;
}
#l1{
position:absolute;
top:1000px;
left:700px;}

#l2{
position:absolute;
top:1740px;
left:700px;}

#l3{
position:absolute;
top:2360px;
left:700px;
padding-bottom:30px;}


c juste le debut voila

et excuser moi pour pas avoir mis les [code]...[ /code]
Modifié par coincoin64 (09 Jan 2007 - 16:16)
Sujet clos
Aller à