Slt tous le monde !
Malgré les tutorials (CSS/Xhtml), je n´arrive pas a afficher un arrière plan . Je ne sais pas du tout où est le quick.
Lien de la page :
http://nerbofree.free.fr/city-life/index.html
Lien des images :
http://nerbofree.free.fr/city-life/index_fichiers/
Code Xhtml (CSS en header):
<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Stric
t//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1–strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !< /title>
<meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
<style type="text/css">TABLE
.test
{
color: blue;
}
</style>
<style type="text/css">TABLE
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("index_fichiers/fond.png");
}
.nom
{
color: #86dbff;
}
/* L´en-tête */
- en_tete
{
width: 760px;
height: 100px;
background-image: url("néant");
background-repeat: no-repeat;
margin-bottom: 10px;
}
/* Le menu */
- menu
{
float: left;
width: 120px;
}
.element_menu
{
background-color: #626262;
background-image: url("néant");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px;
}
/* Quelques effets sur les menus */
.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.element_menu ul
{
list-style-image: url("index_fichiers/puce.jpg");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}
.element_menu a
{
color: #B3B3B3;
}
.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}
/* Le corps de la page */
- corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #86dbff;
background-image: url("néant");
background-repeat: repeat-x;
border: 2px solid black;
}
- corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
- corps h2
{
height: 30px;
background-image: url("néant");
background-repeat: no-repeat;
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
- pied_de_page
{
padding: 5px;
text-align: center;
color: #B3B3B3;
background-color: #626262;
background-image: url("néant");
background-repeat: repeat-x;
border: 2px solid black;
}
</style>
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<h3>Menu</h3> <!–– Titre du sous–menu ––>
<ul>
<li><a href="page1.html">Présentation</a></li>
<li><a href="page2.html">Test</a></li>
<li><a href="page3.html">Screenshots</a></li>
<li><a href="page1.html">Conseils/Astuces</a></li>
<li><a href="page2.html">Forum</a></li>
<li><a href="page3.html">Download</a></li>
<li><a href="page3.html">Liens</a></li>
<li><a href="page3.html">Contact/Livre d´or</a></li>
</ul>
<img src="index_fichiers/image2981.jpg">
<img src="index_fichiers/focus.jpg">
<img src="index_fichiers/nerbo_martius.jpg">
</div>
</div>
<div id="corps">
<h1>"Builder in the city"</h1>
<h4>Bienvenue sur le fan site de City Life, la next builder generation</h4>
<p style="color: #282d53">Vous pouvez choisir une catégorie du menu à gauche ou bien regardez les news sur cette page !< br>
Bref aperçu de City Life :<br>
City Life est un jeu de gestion économique nouvelle génération avec des sytèmes tres innovents !< br>
Le but du jeu est simple ! Construisez la plus grande ville avec les plus d´habitants dans la prospérité !< br>
Attention ! Veillez à ce qu´il n´y a pas d´émeutes et séparez les tribues (Démunis, cols bleus, alters, cols blancs, bobos et les élites). Répondez au attentes des tribues et faîtes régner l´ordre ! Construisez vos quartiers, des hôpitaux, des écoles...<br>
Plus d´info dans "Presentation et test".<br>
N´oubliez pas de signer le livre d´or
</p>
<table>
<tr>
<th><h2 style="color:
blue">------------------------------News----------
--------------------</h2></th>
</tr>
<tr>
<td><span
class="nom">--------------------------------------
-</span>14/04/06 : sortie du jeu</td>
</tr>
</table>
<p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</p>
</div>
<div id="pied_de_page">
<p>Copyright "Madgames-Nerbomartius Corporation©" 2006‚ Tous droits réservés.</p>
</div>
</body>
</html>
Regardez les code CSS en haut "body". (dsl mais pour des essai, jai voler un arriere plan d´un tuto du site...
Ce qui est encore plus bizarre, c´est que si vous faîtes clic droit (sur la page du site en <body>)et enregistrer l´arrière plan, vous pourrre le voir comme fichier et pas sur ma page...
Où est le quick s´il vous plaît ? Merci
Si vous avez besoin d´autres infos, demandez
Edité le 17/04/2006 à 10h39 Par nerbo
---------------------
Johncss # Posté le 17/04/2006 à 10h41
ben il faut tout simplement mettre .body
et ne pas oublié le .
Edité le 17/04/2006 à 10h41 Par Johncss
------------------------
nerbo # Posté le 17/04/2006 à 10h46
Rrrr marche pas.
------------------------
Johncss # Posté le 17/04/2006 à 10h51
déjà fait une page xhtml et le css à part aprés on verra
--------------------------
JulesH. # Posté le 17/04/2006 à 10h52
Comment ca faut mettre un point
A ma connaissance, le point c´est pour une classe
du genre
Code : CSS
.rouge
{
color: red;
}
Code : Xhtml
<p class="rouge"> lorem ipsum dolor et tout le patati...</p>
Essaye avec une autre image car ton image est a peine décelable, prend un big truc , je comprends pas par contre, car quand je dis de de mettre l´image de fond a Firefox, il me donne ca = /city-life/néant
Edité le 17/04/2006 à 11h02 Par JulesH.
-------------------------------
Johncss # Posté le 17/04/2006 à 10h56
oui excuse moi aujourd´hui j´ai pas la forme hier soir j´ai veillé tard...
------------------------------
nerbo # Posté le 17/04/2006 à 11h03
Groupe : Membres
J´ai deja essayer avec fond.gif et marche pas, pas contre je vois les fond si je les mets en bannière.
Ca ne marche toujours pas même avec une feuille css a part...
Help plz
