Bonjour regarder moi ca !

http://nico181.free.fr/vraiepage

Pourquoi ca marche pas ?
J´ai tout suivi : http://siteduzero.com/xhtml-css/design.php

Et voici mon code css :

body
{
width: 760px;
margin: auto; / * Pour centrer notre page Si vous enlevez le margin:auto, votre page ne sera plus centrée et se retrouvera à gauche. Notez que le margin:auto ne marche pas sous IE 5 : ces visiteurs-là auront un design placé à gauche, mais ce n´est pas bien grave, vous pouvez me croire il y a pire */
margin-top: 20px; / * Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d´enlever pour voir ! Si vous enlevez le margin-top ou le margin-bottom, vous verrez que votre page sera un peu trop " collée" avec les bords de la page.*/
margin-bottom: 20px; / * Idem pour le bas du navigateur */
background-image: url("images/fond.png"); / * Une petite image de fond pour éviter d´avoir un vieux fond blanc :p Si vous enlevez le fond ( background-image), vous retrouverez un fond blanc de base*/
}

/ * L´en-tête */

1. en_tete

{
width: 879px;
height: 206px;
background-image: url("images/banniere.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}

/ * Le menu */

1. menu

{
float: left; / * Le menu flottera à gauche */
width: 120px; / * Très important : donner une taille au menu */
}

. element_menu
{
background-color: #626262;
background-image: url("images/motif01.png");
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px; / * Pour éviter que les éléments du menu ne soient trop collés */
}

/ * Quelques effets sur les menus */

. element_menu h3 / * Tous les titres de menus */
{
color: #B3B3B3;
font-family: Arial, " Arial Black", " Times New Roman", Times, serif;
text-align: center;
}

. element_menu ul / * Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png"); / * On change l´apparence des puces */
padding: 0px; / * Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; / * . .. mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; / * Idem pour margin, ça nous évite d´avoir à en écrire 4 ( margin-left, margin-right...) */
margin-bottom: 5px; / * Même chose que tout à l´heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

. element_menu a / * Tous les liens se trouvant dans un menu */
{
color: #B3B3B3;
}

. element_menu a:hover / * Quand on pointe sur un lien du menu */
{
background-color: #B3B3B3;
color: black;
}

/ * Le corps de la page */

1. corps

{
margin-left: 140px; / * Une marge à gauche pour pousser le corps, afin qu´il ne passe plus sous le menu */
margin-bottom: 20px; / * Ca c´est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; / * Pour éviter que le texte à l´intérieur du corps ne colle trop à la bordure */

color: #B3B3B3;
background-color: #626262; / * Une couleur de fond pour le corps */
background-image: url("images/motif.png");
background-repeat: repeat-x; / * Une petite image de fond qui se répètera horizontalement en haut */

border: 2px solid black; / * Une bordure pour bien marquer les limites du corps et pour faire joli */
}

1. corps h1 / * Tous les titres h1 du corps */

{
color: #B3B3B3;
text-align: center;
font-family: " Comic Sans Ms", Arial, " Arial Black", " Times New Roman", Times, serif;
}

1. corps h2 / * Tous les titres h2 du corps */

{
height: 30px;

background-image: url("images/titre_h2.gif"); / * Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; / * L´image ne se répètera pas, elle sera à gauche du titre */

padding-left: 30px;
color: #B3B3B3;
text-align: left;
}

Pouvez vous m´aidez svp ? ca serait super sympa !

svp

ton css est bon, t´as du te planter dans ton xhtml

envoie la page

erf

tiens voici mon html :

< !DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.1//EN" " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
< html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
< head>
< link rel="stylesheet" media="screen" type="text/css" title="Wipeout Racer" href="styles/test.css" / >
< title>Bienvenue sur mon site ! </title>
< meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / >
< /head>
< body>

< div id="en_tete">
< !-- Ici on mettra la bannière -->
< /div>

< div id="menu">
< !-- Ici on mettra le menu -->

< div class="element_menu">
< h3>Ridge Racer</h3>
< ul>
< li><a href="page1.html">Lien</a></li>
< li><a href="page2.html">Lien</a></li>
< li><a href="page3.html">Lien</a></li>
< /ul>
< /div>

< div class="element_menu">
< h3>Wipeout Pure</h3>
< ul>
< li><a href="page4.html">Lien</a></li>
< li><a href="page5.html">Lien</a></li>
< li><a href="page6.html">Lien</a></li>
< /ul>
< /div>

< div class="element_menu">
< h3>Autres</h3>
< ul>
< li><a href="page7.html">Lien</a></li>
< li><a href="page8.html">Lien</a></li>
< li><a href="page9.html">Lien</a></li>

< /div>

< div id="corps">
< !-- Ici on mettra le contenu principal de la page ( tout le texte quoi) -->

< h1>Mon super site</h1>

< p>
Bienvenue sur mon super site ! <br / >
Vous allez adorer ici, c´est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site
< /p>

< h2>A qui s´adresse ce site ? </h2>
< p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m´accuser de discrimination ; o)<br / >
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
< /p>

< h2>L´auteur</h2>
< p>
L´auteur du site ? Bah, c´est moi, quelle question <br / >
Je vais essayer de faire le meilleur site du monde ( ça doit pas être bien compliqué). Mon objectif est d´attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br / >
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j´irai explorer les confins de l´Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah ! !! ( rire diabolique).
< /p>
< /div>

< /div>

< div id="pied_de_page">
< !-- Enfin, on mettra en bas de la page le nom de l´auteur, un copyright... -->

< div id="pied_de_page">
< p>Copyright " Nico181 Corporation" 2005, tous droits réservés</p>
< /div>

< /div>

< /body>
< /html>

< /div>

< div id="pied_de_page">
< !-- Enfin, on mettra en bas de la page le nom de l´auteur, un copyright... -->

1. 1. #################

supprime le < /div> juste au dessus ; )

1. 1. ###########"

< div id="pied_de_page">
< !-- Enfin, on mettra en bas de la page le nom de l´auteur, un copyright... -->

< div id="pied_de_page">
< p>Copyright " Nico181 Corporation" 2005, tous droits réservés</p>
< /div>

< /div>

1. 1. #################

a remplacer par:

< div id="pied_de_page">
< !-- Enfin, on mettra en bas de la page le nom de l´auteur, un copyright... -->
< p>Copyright " Nico181 Corporation" 2005, tous droits réservés</p>
< /div>

ça devrait suffire^^

reviens me dire si ça marche correctement hein

merci donc voilà ce que ca donne :
http://nico181.free.fr/vraiepage

Mon html changé : ( j´ai bien fait ce qu´il faut ? ) :

< !DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.1//EN" " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
< html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
< head>
< link rel="stylesheet" media="screen" type="text/css" title="Wipeout Racer" href="styles/test.css" / >
< title>Bienvenue sur mon site ! </title>
< meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / >
< /head>
< body>

< div id="en_tete">
< !-- Ici on mettra la bannière -->
< /div>

< div id="menu">
< !-- Ici on mettra le menu -->

< div class="element_menu">
< h3>Ridge Racer</h3>
< ul>
< li><a href="page1.html">Lien</a></li>
< li><a href="page2.html">Lien</a></li>
< li><a href="page3.html">Lien</a></li>
< /ul>
< /div>

< div class="element_menu">
< h3>Wipeout Pure</h3>
< ul>
< li><a href="page4.html">Lien</a></li>
< li><a href="page5.html">Lien</a></li>
< li><a href="page6.html">Lien</a></li>
< /ul>
< /div>

< div class="element_menu">
< h3>Autres</h3>
< ul>
< li><a href="page7.html">Lien</a></li>
< li><a href="page8.html">Lien</a></li>
< li><a href="page9.html">Lien</a></li>

< /div>

< div id="corps">
< !-- Ici on mettra le contenu principal de la page ( tout le texte quoi) -->

< h1>Mon super site</h1>

< p>
Bienvenue sur mon super site ! <br / >
Vous allez adorer ici, c´est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site
< /p>

< h2>A qui s´adresse ce site ? </h2>
< p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m´accuser de discrimination ; o)<br / >
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
< /p>

< h2>L´auteur</h2>
< p>
L´auteur du site ? Bah, c´est moi, quelle question <br / >
Je vais essayer de faire le meilleur site du monde ( ça doit pas être bien compliqué). Mon objectif est d´attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br / >
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j´irai explorer les confins de l´Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah ! !! ( rire diabolique).
< /p>
< /div>

< div id="pied_de_page">
< ! -- Enfin, on mettra en bas de la page le nom de l´auteur, un copyright... -->
< p>Copyright " Nico181 Corporation" 2005, tous droits réservés</p>
< / div>

< /body>
< /html>

< div id="menu">
< ! -- Ici on mettra le menu -->

< div class="element_menu">
< h3>Ridge Racer</h3>
< ul>
< li><a href="page1.html">Lien</a></li>
< li><a href="page2.html">Lien</a></li>
< li><a href="page3.html">Lien</a></li>
< / ul>
< / div>

< div class="element_menu">
< h3>Wipeout Pure</h3>
< ul>
< li><a href="page4.html">Lien</a></li>
< li><a href="page5.html">Lien</a></li>
< li><a href="page6.html">Lien</a></li>
< / ul>
< / div>

< div class="element_menu">
< h3>Autres</h3>
< ul>
< li><a href="page7.html">Lien</a></li>
< li><a href="page8.html">Lien</a></li>
< li><a href="page9.html">Lien</a></li>

< / div>

1. 1. ####################

tu as fermer tous les element-menu

mais pas le menu

< div id="menu">
< ! -- Ici on mettra le menu -->

< div class="element_menu">
< h3>Ridge Racer</h3>
< ul>
< li><a href="page1.html">Lien</a></li>
< li><a href="page2.html">Lien</a></li>
< li><a href="page3.html">Lien</a></li>
< / ul>
< / div>

< div class="element_menu">
< h3>Wipeout Pure</h3>
< ul>
< li><a href="page4.html">Lien</a></li>
< li><a href="page5.html">Lien</a></li>
< li><a href="page6.html">Lien</a></li>
< / ul>
< / div>

< div class="element_menu">
< h3>Autres</h3>
< ul>
< li><a href="page7.html">Lien</a></li>
< li><a href="page8.html">Lien</a></li>
< li><a href="page9.html">Lien</a></li>

< / div>
< /div>

et voilà, avec ça ton/le design du sdz fonctionne

Il manque également un </ul> pour fermer le 3ème élément de menu !

ok merci je vais essayer ca et je te donne des nouvelles merci beaucoup ! !! ( vous serez dans remerciements si ca marche ^^)

bon ba ca a arangé quelques trucs mais faut que je les laisses les espaces entre les balises ? ??? http://nico181.free.fr/Vraiepage

ca marche passssssss

!

est-ce qu´un pro ou qqun d´autre qui s´y connait peut me répondre svpp ?

Tu aurais passé plus de 12 secondes sur ton code tu aurais vu que toutes les balises avec un espace dedans ( comme quoi que tu n´as pas bien suivi les tutos) ne sont pas interprétées et sont en clair sur la page...

oui merci mais tu aurais vu que j´ai demandé si il faut laisser ou ne pas laisser les espaces ( plus haut)
merci qd meme

trop cool ca marche merci beaucoup a vous tous :
Dans remerciements, y´aura :

SeB77
Yoda_Software
Psyko-Tique

merci tout le monde @ ++++

http://nico181.free.fr/vraiepage