Ne pas mettre de menu "XHTML"

Bonjour,

Je c'est que l'iframe n'est pas bon mais bon le tableau que j'avais descender jusqu'en bas du corps c'est pour ca :/

salut,

c'est dommage.
techniquement les tableaux avec '<iframe>' c'est pas top. c'est même mauvais.
tu avais une page en place, en posant deux ou trois questions tu pouvais avoir ce que tu voulais mais avec un code correct.

Bonsoir a tous,

Voilà le codage est presque fini j'autiens a mon resultat " qu'elle que modification mais bon c'est parfait comme ca " voici le site http://cityofsims2.free.fr

Code Xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>

<title> ~_|_~ SimsDesign _-°/°-_ Downloads ~_|_~ </title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" lang="fr" content="SimsDesign" />
<meta name="Keywords" lang="fr" content="sims,sims2,simsdesign,Simsdesign,sims,Design,design,Moderne,moderne,telechargements,telechargement" />
<meta name="Description" content=" SimsDesign le design réserver qu'aux sims " />

<link rel="stylesheet" media="screen" type="text/css" title="design espace" href="css/style.css" />

<style>

<!--
Body{
Cursor: crosshair;
}
-->

</style>

</head>

<body>

<div id="en_tete">

</div>

<div id="menu">

</div>

<div id="corps">

<p><div align="center"><table id="table1" class="table1">
<tr>
<td><strong><a href="index.html">HOME</a></strong></td>
<td></td>
<td><strong><a href="index.html">DOWNLOAD</a></strong></td>
<td></td>
<td><strong><a href="faqs.html">FAQs</a></strong></td>
<td></td>
<td><strong><a href="partenaires.html">PARTENAIRES</a></strong></td>
<td></td>
<td><strong><a href="contact.html">CONTACT</a></strong></td>
</tr>
</table></div></p>

<p><div align="center"><iframe href="free.fr" width=630 height=350 scrolling=auto frameborder=1> </iframe></div></p>

<p><div align="center"><table>
<tr>
<td><a href="salons.html"><font color="#929189" size="3" face="Arial, Geneva, Helvetica, serif">Salons</a></font></td>
<td></td>
<td><a href="chambres.html"><font color="#772300" size="3" face="Arial, Geneva, Helvetica, serif">Chambres</a></font></td>
<td></td>
<td><a href="cuisines.html"><font color="#929189" size="3" face="Arial, Geneva, Helvetica, serif">Cuisines</a></font></td>
<td></td>
<td><a href="salle_a_manger.html"><font color="#772300" size="3" face="Arial, Geneva, Helvetica, serif">Salle à manger</a></font></td>
<td></td>
<td><a href="salle_de_bains.html"><font color="#929189" size="3" face="Arial, Geneva, Helvetica, serif">Salle de bains</a></font></td>
<td></td>
<td><a href="bureaux.html"><font color="#772300" size="3" face="Arial, Geneva, Helvetica, serif">Bureaux</a></font></td>
<td></td>
<td><a href="divers.html"><font color="#929189" size="3" face="Arial, Geneva, Helvetica, serif">Divers</a></font></td>
</tr>
</table></div></p>
</div>

<div id="pied_de_page">
<h6>Copyright © 2007-2008 <a href="mailto:raff_webmaster@hotmail.fr">SimsDesign</a></h6>
</div>

</body>
</html>

Code Css

body
{
padding: 5px;
background: url("images/fond.jpeg") top left repeat-x;
background-color: #202020;
font-family:"Times New Roman", Arial, Times, serif;
margin: auto;
}

a
{
color: #772300;
text-decoration: none;
}

a:hover
{
color: #929189;
}

#en_tete
{
width: 829px;
height: 159px;
margin-left: 79px;
margin-top: 20px;
border: 2px ridge #929189;
background: url("images/logo_simsdesign.jpg") center no-repeat;
}

#table1
{
font-size: 18px;
}

#corps
{
width: 789px;
height: 450px;
margin-left: 79px;
margin-top: -2px;
padding: 20px;
background-color: white;
color: black;
text-align: justify;
border: 2px ridge #929189;
}

#pied_de_page
{
clear: left;
margin-top: 65px;
color: white;
text-align: center;
}

J'ai tester sur plusieurs ordinateurs j'ai pas de souci au niveau de l'encadrage, puis pour le menu j'en est pas mis parcontre dans le corps j'ai ajouter un tableau avec les liens qui aurait du avoirs dans le menu, sinon tout me paraît ok ^^

Dit le moi si vous avait un problème comme ca je le corrige ou pire des cas :p

Re-re,

Est bien j'ai jeter un oeil sur le code il est super bien coder, mais le seul souci c'est que j'aime pas trop le corps comme il a étais fait. Pour les liens salons... et Home ... j'utilise des table qui seront intégrer dans le corps je mes rien dans le menu car sinon j'autiens pas ce que je veux ^^

Re

Mais je les prix et il ma pas donner le même resultat que sur ta page o_0' j'ai vue aussi dans le code qu'il avait plusieurs sous-menu hors qu'il m'en faut qu'un, pourquoi autend de sous-menu ?

" j'ai encore des choses a apprendre via du Xhtml/Css lol

lol !

le code n'est pas particulièrement long !
et tu vas encore l'allonger à chaque fois que tu voudras ajouter un effet !!!

mais le but du jeu c'est pas de l'apprendre par cœur !
-;o)

donc si tu veux aller vite sans t'embêter, reprends l'intégralité de ce que j'ai fait, tu le complètera au besoin.

Bonjour,

Oula le code css est long et assez complexe puis j'autiens pas le même resultat que toi :/ il y a un code plus court :\ ou une autre methode car personellement je n'arriverait pas à retenir tout le code :s

re,

Donc je doit mettre plus ou moins que 30 ?
il faut mettre la largeur que tu souhaites pour le cadre principal, moins la valeur des bordures si tu en utilises. et pas de valeurs négatives !

Pour ton essai
cet exemple, tu peux l'utiliser : je l'ai fait pour ça !
regarde le code source.
ajoute les règles au fur et à mesure si tu veux apprendre en même temps (suffit d'aller chercher la définition des règles sur le net, chez W3School ou SelfHTML par exemple). ou alors tu copies/colles cash !
-;o)

parcontre faqs, home ... n'auronts pas tous le liste de téléchargement donc est-ce que c'est possible de l'enlever pour les autres pages ?
pour les autres pages tu les construits en y mettant ce que tu veux, sous-menu ou pas sous-menu.

Bonjour,

Donc je doit mettre plus ou moins que 30 ?

Pour ton essai je suis owo c'est super bien précis j'ai hate d'en arriver la lol parcontre faqs, home ... n'auronts pas tous le liste de téléchargement donc est-ce que c'est possible de l'enlever pour les autres pages ?

salut,

la largeur du '<body>' n'est pas définie.
as-tu regardé mon essai ?

Bonjour,

J'ai fini d'enlever et d'ajouter dans la feuille de style.css

Voici le code

body
{
background-image: url("images/fond.jpeg");
width: -30px; /* indique la l'argeurs du site */
margin-left: auto;
margin-right: auto;
background-color: #202020;
font-family:"Times New Roman", Arial, Times;
}

a
{
color: #772300;
text-decoration: none;
}

a:hover
{
color: #929189;
}

#en_tete
{
height: 159px;
border: 2px ridge #929189;
background: url("images/logo_simsdesign.jpg") center no-repeat;
}

#menu
{
width: 100%;
text-align:center;
}

ul
{
margin:0;
padding:0;
}

li
{
font-size: large;
margin-top: 10px;
float: left;
background-color: none;
color: white;
list-style-type: none;
}

div#sous-menu
{
width:160px;
float:left;
}

#content
{
height: 450px;
margin-left: 160px;
padding: 20px;
background-color: white;
color: black;
text-align: justify;
border: 2px ridge #929189;
}

#corps
{
width: 815px;
height: 450px;
padding: 20px;
background-color: white;
color: black;
text-align: justify;
border: 2px ridge #929189;
}

#pied_de_page
{
clear: left;
margin-top: 200px;
color: white;
text-align: center;
}

h4
{
font-family: Ariel;
font-size: 20px;
text-align: center;
font-style: normal;
}

et voici le résultat sur ce site : http://cityofsims2.free.fr

au passage j'ai fait un petit essai et j'ai corrigé un peu.
ça commence à prendre forme !

la base est bonne, tu l'as pris chez AlsaCréations ?
maintenant regarde mes modifs :
j'ai mis en commentaire les valeurs qu'il faut supprimer et quand j'ai ajouté des règles je les ai encadré avec '/* +++ */' pour que tu comprennes plus facilement.
j'ai aussi mis un ou deux commentaires.

body
{
background-image: url("images/fond.jpeg");
width: -30px; /* indique la largeur de ton site */
margin-left: auto;
margin-right: auto;
background-color: #202020;
font-family:"Times New Roman", Arial, Times, sans-serif; /* serif ou sans-serif il faudrait choisir !!! */
}

a
{
color: #772300;
text-decoration: none;
}

a:hover
{
color: #929189;
}

#en_tete
{
/* width: 855px; */
height: 159px;
/* margin-left: 79px; */
/* margin-top: 20px; */
border: 2px ridge #929189;
background: url("images/logo_simsdesign.jpg") center no-repeat;
}
#menu
{
width: 100%;
/* float: center */
text-align:center;
}
/* +++ */
ul
{
margin:0;
padding:0;
}
/* +++ */
li
{
font-size: large;
/*  margin-right: auto; */
margin-top: 10px;
float: left;
background-color: none;
color: white;
list-style-type: none;
}
/* +++ */
div#sous-menu
{
width:160px;
float:left;
}
/* +++ */
#content
{
/* width: 815px; */
height: 450px;
/* +++ */
margin-left: 160px; 
/* +++ */
/* margin-left: 79px; */
/* margin-top: -2px; */
padding: 20px;
background-color: white;
color: black;
text-align: justify;
border: 2px ridge #929189;
}

#pied_de_page
{
/* width: 900px; */
clear: left;
margin-top: 200px;
color: white;
text-align: center;
}
h4
{
/* text-align: right; */
font-family: Ariel; /* excellent !!! */
font-size: 20px;
text-align: center;
font-style: normal;
}

C'est normal qu'il me donne tout a gauche ? enfin en gros oui je suis près on vera pas la suite ;)

Tu ma pas répondu a ma question
mais si !

en premier : ta maquette est très jolie !

reste plus qu'à la coder.

tu as donc :
• une bannière ;
• un menu sous la bannière;
• un sous-menu à gauche ;
• un contenu sur le reste de la largeur ;
• un pied de page.

dans ton code tu as bien codé toutes les parties sauf pour le menu, le sous-menu et le contenu.

<div id="menu">
	<ul>
		<li><a href="look.htm">HOME</a></li>
		<li><a href="constructions.htm">DOWNLOAD</a></li>
		<li><a href="faqs.html">FAQs</a></li>
		<li><a href="divers.htm">PARTENAIRES</a></li>
		<li><a href="index.htm">CONTACT</a></li>
	</ul>
</div>
<div id="sous-menu">
	<ul>
		<li><a href="salon.htm">salon</a></li>
		<li><a href="chambre.htm">chambre</a></li>
		<li><a href="cuisine.html">cuisine</a></li>
		<li><a href="sam.htm">salle à manger</a></li>
		[...]
	</ul>
</div>
<div id="content">

</div>

tu me dis si tu es ok avec ça et on continue sur la CSS !!!

Tu ma pas répondu a ma question =( sinon voici la maquette de mon site https://i19.servimg.com/u/f19/11/18/82/43/maquet10.jpg

Voici le code que j'ai fait deja

Html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>
<title> ~_|_~ SimsDesign ~_|_~ </title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" lang="fr" content="SimsDesign" />
<meta name="Keywords" lang="fr" content="sims,sims2,simsdesign,Simsdesign,sims,Design,design,Moderne,moderne,telechargements,telechargement" />
<meta name="Description" content=" SimsDesign le design réserver qu'aux sims " />

<link rel="stylesheet" media="screen" type="text/css" title="design espace" href="css/style.css" />

<style>

<!--
Body{
Cursor: crosshair;
}
-->

</style>

</head>

<body>

<div id="en_tete"></div>

<div id="corps">
<table>
<tr>
<td><a href="look.htm">HOME</a></td>
<td></td>
<td><a href="constructions.htm">DOWNLOAD</a></td>
<td></td>
<td><a href="faqs.html">FAQs</a></td>
<td></td>
<td><a href="divers.htm">PARTENAIRES</a></td>
<td></td>
<td><a href="index.htm">CONTACT</a></td>
</tr>
</table>
<p></p>
</div>

<div id="pied_de_page">
<h6>Copyright © 2007-2008 <a href="mailto:raff_webmaster@hotmail.fr">SimsDesign</a></h6>
</div>

</body>
</html>

Css

body
{
background-image: url("images/fond.jpeg");
width: -30px;
margin-left: auto;
margin-right: auto;
background-color: #202020;
font-family:"Times New Roman", Arial, Times, sans-serif;
}

a
{
color: #772300;
text-decoration: none;
}

a:hover
{
color: #929189;
}

#en_tete
{
width: 855px;
height: 159px;
margin-left: 79px;
margin-top: 20px;
border: 2px ridge #929189;
background: url("images/logo_simsdesign.jpg") center no-repeat;
}

#menu
{
width: 100%;
float: center
}

li
{
font-size: large;
margin-right: auto;
margin-top: 10px;
float: left;
background-color: none;
color: white;
list-style-type: none;
}

#corps
{
width: 815px;
height: 450px;
margin-left: 79px;
margin-top: -2px;
padding: 20px;
background-color: white;
color: black;
text-align: justify;
border: 2px ridge #929189;
}

#pied_de_page
{
width: 900px;
clear: left;
margin-top: 200px;

color: white;
text-align: center;
}

h4
{
text-align: right;
font-family: Ariel;
font-size: 20px;
text-align: center;
font-style: normal;
}

stop !!!
il ne faut pas confondre structure du document et présentation !!!

en premier il faut écrire une page html avec tout ce que tu veux dedans (menu, texte, images…) après seulement tu vas le mettre en page.

que le menu ne soit pas centré c'est normal, tu n'as pas encore mis le code de mise en page (= CSS). mais cela ne veut pas dire que la liste de lien doit être changée !!!

dis nous à quoi doit ressembler ta page et on va te guider !

Je c'est mais ca me centre pas le menu enfin bref j'ai un autres souci c'est que le corps me cache le menu donc est-ce que c'est possible d'enlever le menu puis par la suite ajouter un table avec des liens via au autres pages ou il y a une méthode ?

Je voulait savoirs pour le menu c'est possible de faire de ce genre

<div id="menu">

<ul>
<table>
<tr>
<td><li><a href="look.htm">HOME</a></li></td>
<td><li><a href="constructions.htm">DOWNLOAD</a></li> </td>
<td><li><a href="faqs.html">FAQs</a></li></td>
<td><li><a href="divers.htm">PARTENAIRES</a></li></td>
<td><li><a href="index.htm">CONTACT</a></li> </td>
</tr>
</table>
</ul>
</div>

Pour la parti gauche comment l'ajouter ? puis je voulait te demander est-ce que le css poura faire l'affaire si je mes mon gros logo dans l'en_tête pour qui soit coller avec le menu qui ce trouvera juste ensous