Bon là sinon c'est assez simple à faire :
Code :
- ....
- <body>
- <div id="conteneur">
- <div id="header">
- <h1>Prodatec</h1>
- </div>
- <div id="contenu">
- <p>
- Texte ici
- </p>
- <ul id="menu">
- <li><a href="presentation/indexpre.htm">- Présentation -</a></li>
- <li><a href="realisations/indexreal.htm">- Réalisations -</a></li>
- <li><a href="evenements/indexeven.htm">- Evènements -</a></li>
- <li><a href="contact/indexcont.htm">- Contact -</a></li>
- </ul>
- </div>
- </div>
- </body>
|
Ton menu est une liste, il faut donc le mettre dans un <ul>. La banière ira en fond du header, dans le h1 y'aura le logo ou le nom de la boîte sous forme de texte. Pour centrer tout le truc, on mettera une taille au conteneur, + la bordure :
Code :
- #conteneur {
- border: 3px double #006198;
- margin: 0 auto;
- width: 760px;
- }
|
N'oublie pas de préciser le bon doctype pour que le centrage fonctionne sous IE.
Pour la banière :
Code :
- #header {
- border: 1px solid black;
- }
|
Rien besoin d'autre...
Et enfin pour ton menu, supprimer les puces et centrer :
Code :
- #menu {
- list-style-type: none;
- }
- #menu li {
- text-align: center;
- }
|
N'oublie pas de ne jamais utiliser de tableaux pour la présentation, il faut les réserver pour des trucs genre affichage de données statistiques, etc. Attention à bien utiliser les balises pour leur sens, et pas pour leur présentation.
Bref, t'as encore plein de choses à apprendre, mais ça viendra avec l'expérience