Avis structure

Bonjour,
http://oeuvrenoir.free.fr

Voilà, je viens vous soumettre mon site afin d'y déceler les divers problèmes de codage qui ont pu m'échapper.

merci par avance.

  <div id="haut"> 
    <ul class="menuhaut">
      <li class="nav"><img src="oenimg/logotitre2.gif" alt="oe-n" title="oe-n"/></li>
      <li class="visited">Accueil</li>

      <li><a href="profil.html">Profil</a></li>
      <li><a href="portfolio.html">Portfolio</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </div>

le div conteneur est inutile ... le ul suffit largement.
Ce n'est surement pas le seul probleme de ce genre donc verifie si tu n'as pas d'autres problemes d'imbrications inutiles comme cela.

<div id="gauche"> <img src="oenimg/oen-mail.gif" alt=""/> </div>
et
<div id="coins"><img src="oenimg/coins.gif"/></div>

Image a passer en background-image car elles n'apportent aucune information et n'ont donc pas leur place dans la structure xhtml du document.

<div id="pied"> <strong>|</strong> CSS, XHTML-Transitional <strong>|</strong> &oelig;uvre noir &copy; 2005 <strong>|</strong> 
    Tous droits r&eacute;serv&eacute;s<strong>|</strong> </div>

Utiliser big ou b a la place de strong. Strong a une valeur semantique : elle marque quelque chose d'important.
Le plus elegant serait de réaliser cela avec un ul et de faire des after sur les li pour inserer les | ... mais evidemment ... IE ne comprendrait pas.

Rétablir l'espace manquante en fin d'éléments EMPTY (règles de compatibilité XHTML):

<img src="" alt="" />
et non
<img src="" alt=""/>

Employer les titres de manières strictement hiérarchisée (accessibilité):

<h1>&OElig;uvre Noir</h1>
...
<h2 class="title"> Bienvenue sur &OElig;uvre noir! </h2>
<h3 class="stitle"> Vendredi 01 Juillet 2005 </h3>
et non 

<h1>&OElig;uvre Noir</h1>
...
<h4 class="title"> Bienvenue sur &OElig;uvre noir! </h4>
<h5 class="stitle"> Vendredi 01 Juillet 2005 </h5>

Renseigner l'attribut alt (al="" si nécessaire) de chaque image sans exception (validité, accessibilité):

<img src="oenimg/coins.gif"/>

Ne pas masquer les liens d'accessibilité :

<div class="hide">
   <a href="#content" title="skip navigation" accesskey="2">
   Skip Navigation
   </a>
      <h1>&OElig;uvre Noir</h1>
</div>

Sinon, pour les images de présentation-qui-ne-sont-pas-de-la-structure : c'est un raffinement qui n'a rien d'essentiel ici.

je croyais qu'un <div> avec une image arrière plan mais sans contenu ne fonctionnait pas?
De plus, je pensais que b et big étaient considérés comme obsolètes.
Pour le reste des critiques, je reconnaît une certaine négligence de traitement.
Merci pour votre contribution à tous.
Je vous tiendrai informé de l'avancé des travaux.

Un gros problème avec ta mise en page, sous FF : le moindre redimensionnement de caractère fait disparaître tout le texte !!!