voila j´ai eu l´idée de faire un tuto que j´ai trouvé sur le site du zero!
mais malheureusement il est tout décomposé
donc ce tut sera pour les " feniant"
qui peuvent faire un copie coller 
mais si vous vouler vous entrainez vous pouvez recopier 
donc.
on va commencer par le css:
-------------------------------
nomdelabalise
{
caracteristique: info;
caracteristique: info;
caracteristique: info;
}
- nomduid
{ caracteristique: info;
caracteristique: info;
caracteristique: info;
}
. nomdelaclass
{
caracteristique: info;
caracteristique: info;
caracteristique: info;
}
html, body {
margin: 0px;
padding: 0px;
font-family: verdana, arial, sans-serif;
font-size: 9pt;
text-align: center;
background-color: #ffffff;
color: #000000;
}
- global {
width: 760px;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 15px;
text-align: left;
background-color: #ffffff;
border: #336699 1px solid;
}
- entete {
height: 130px;
padding: 0px;
margin: 0px;
background-color: #F5F5F5;
color: #336699;
}
- menuhorizontal {
height: 20px;
padding: 0px;
padding-bottom: 4px;
margin-bottom: 15px;
margin-left: 4px;
margin-right: 4px;
text-align: center;
background-color: #F5F5F5;
color: #336699;
border: #336699 1px solid;
}#menuhorizontal ul li{
margin-left: 4px;
font-size: 10pt;
font-weight: bold;
float:left;
}
- corps {
width: 555px;
margin-bottom: 10px;
margin-right: 4px;
background-color: #F5F5F5;
float: right;
border: #336699 1px solid;
}
- menuvertical {
width: 185px;
padding-bottom: 15px;
margin-left: 4px;
background-color: #F5F5F5;
border: #336699 1px solid;
}
- pieddepage {
height: 18px;
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 4px;
margin-right: 4px;
text-align: center;
background-color: #F5F5F5;
border: #336699 1px solid;
clear: both;
}
p {
padding: 0px;
margin: 0px;
font-size: 0.85em;
}
. texte {
padding: 10px;
margin: 0px;
}
. textepieddepage {
padding: 0px;
padding-top: 2px;
margin: 0px;
color: #369;
}
ul {
list-style-type: none;
padding: 0px;
margin: 0px;
margin-top: 5px;
margin-left: 20px;
}
li {
list-style-image : none;
padding-top: 0px;
margin-top: 0px;
color: #9D9D9D;
font-size: 0.85em;
}
h1 {
padding: 0px;
padding-left: 15px;
padding-top: 25px;
margin: 0px;
font-size: 40pt;
font-weight: bold;
}
h2 {
padding: 0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
margin-left: 5px;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 5px;
color: #336699;
font-size: 12pt;
font-weight: bold;
border-bottom: #336699 2px solid;
}
h3 {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-top: 5px;
margin-left: 5px;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 2px;
color: #336699;
font-size: 12pt;
font-weight: bold;
border-bottom: #336699 2px solid;
}
-----------------------------
maintenent on va faire le 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.dt
d>
< html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
< head>
< title>titre du site</title>
< link rel="stylesheet" href="style.css" type="text/css" title="defaut"/>
< /head>
< body>
< div id="global">
< div id="entete">
< h2>titre du site</h2>
< /div>
< div id="menuhorizontal">
< ul>
< li><a href="#">rubrique</a></li>
< li><a href="#">rubrique</a> < /li>
< li><a href="#">rubrique</a></li>
< /ul>
< /div>
< div id="corps">
< h2>paragraphe 1<br><br></p><br> < /h2>
< p class="texte">
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
textetextetextetextetextetextetextetextetextetexte
<br>
< br>
< br>
< /div>
< div id="menuvertical">
< h3>rubrique 1</h3>
< ul>
< li><a href="#">rubrique</a></li>
< li><a href="#">rubrique</a></li>
< li><a href="#">rubrique</a></li>
< li><a href="#">rubrique</a></li>
< li><a href="#">rubrique</a> < /li>
< li><a href="#">rubrique</a></li>
< li><a href="#">rubrique</a></li>
< li><a href="#">rubrique</a></li>
< /ul>
< /div>
< div id="pieddepage">
< p class="textepieddepage">copyright < /p>
< /div>
< /div>
< /body>
< /html>
------------------------------------
voila.
ce qui nous donne
==> http://m.decoeyere.free.fr/blablabla.html
voila jespere que sa vous a plus
@+
ocelot
