Bonjour,
Voilà quelques correction que vous pouvez apporter.
<meta name="keywords" content="taver, benjamin, gérenthon, lyon, portefolio, portfolio, créations, webmaster, webdesign"/>
Les moteurs de référencement modernes n'utilisent plus de cette balise. Elle est maintenant obselète et inutile pour le référencement. Vous pouvez la retirer.
<div id="header">
<div id="header_left">
<strong><a href="index.php"><img src="img/logo.png" alt="Taver" /></a></strong>
<p><strong>Le portfolio d'un webdesigner & webmaster, Benjamin Gérenthon.</strong></p>
</div>
<div id="header_menu">
<ul>
<li class="accueil_btn"><a href="index.php?page=1">Accueil</a></li>
<li class="creation_btn"><a href="index.php?page=2">Créations</a></li>
<li class="profil_btn"><a href="index.php?page=3">À Propos</a></li>
<li class="contact_btn"><a href="index.php?page=4">Contact</a></li>
</ul>
</div>
</div>
<div>
Selon moi, je crois qu'il serait posibble de faire plus simple au niveau de la sémantique et du découpage du design. Tu n'as pas réellement besoin de tous ces DIV et ID.
En jouant un peux avec les propriétés Float:left; Float:right; Padding et Margin tu devrait arriver à supprimer des DIV.
Pour rendre la tâche plus facile, vous pouvez définir des propriétés spécifiques sur les balises qui sont contenues dans un bloc(DIV) particulier.
Dans le cas suivant, seul <p> à l'intérieur de <div id="header"> sera affecté. Les autres <p> de la page n'appliquerons pas ce comportement de positionnement à gauche.
#header p{float: left;} ul{float:right;}
Aussi, tu devrais utiliser respectivement <h1> et <h2> dans le HEADER au lieu de <strong> puisque ce sont deux Titres.
<div id="header">
<p>
<h1><a href="index.php"><img src="img/logo.png" alt="Taver" /></a></h1>
<h2>Le portfolio d'un webdesigner & webmaster, Benjamin Gérenthon.</h2>
</p>
</div>
<ul id="header_menu">
<!-- Tu peux garder le ID sur le UL mais encore là il est facultatif-->
<li class="accueil_btn"><a href="index.php?page=1">Accueil</a></li>
<li class="creation_btn"><a href="index.php?page=2">Créations</a></li>
<li class="profil_btn"><a href="index.php?page=3">À Propos</a></li>
<li class="contact_btn"><a href="index.php?page=4">Contact</a></li>
</ul>
</div>
Modifié par simon.bdard (11 Aug 2010 - 15:14)
(il est encore en phase de développement pour certaines parties).
).