Je n'arrive pas à ce que mes menus soient lus correctement sous IE et sous Firefox.

Sous IE pas de problème, sous Firefox les caractères &eacute apparaissent à la place du é.

Après avoir lu, recherché et testé je n'y arrive pas. Que faut-il faire ?

Je vous donne un de mes fichiers concernant une page de mon site. Merci par avance.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>
        <head>
                <title>Hyphen Sarl</title>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <style type="text/css">
Body {BACKGROUND: #ffffce}

<!--
/* CSS Tabs */
#navcontainer {
        background: #007bc6;
        border-top: 1px solid #9CC;
        font: normal normal 16px Georgia, Times New Roman, Times, serif;
}

#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlist {
                text-align: center
        }	
}

#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlist li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
        background: #900;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 15px 3px 15px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist a:hover {
        background: #b5b5bd;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist li#active {
        background: #007bc6;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #007bc6;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 15px 0 15px;
        position: relative;
        right: 0;
}
#perso { 
   list-style-type: none; 
   background: url(Puce5.gif);
   background-repeat:no-repeat;
   background-position:0% 60%;   
   padding: 0 0 0 40px; 
}
-->
</style>
<h4><font face="Georgia, Times New Roman, Times, serif" ><i>Hyphen Sarl</i></font></h4>
</head>
                <div id="navcontainer">
                        <ul id="navlist">
                                <!-- CSS Tabs -->
<li><a href="Index.html">Coordonn&eacutees</a></li>
<li id="active"><a id="current" href="Competences.html">Comp&eacutetences</a></li>
<li><a href="Domaine.html">Domaines</a></li>
<li><a href="Realisations.html">R&eacutealisations</a></li>
<li><a href="References.html">R&eacutef&eacuterences</a></li>
                        </ul>
                </div>
<body>
<table width=100% border="0" cellpadding="0" cellspacing="0" mm:layoutgroup="true">
  <tr> 
    <td width=42 height="58"></td>
    <td width=100%></td>
    <td width=339></td>
  </tr>
  <tr> 
    <td height="270"></td>
    <td valign="top"> 
      <p><font face="Times New Roman, Times, serif" size="6" color="0064a4">Les 
        comp&eacute;tences d'Hyphen Sarl :</font><font face="Times New Roman, Times, serif" size="5"color="0064a4"></p>
        <p>Hyphen Sarl poss&egrave;de des comp&eacute;tences pour l'assistance &agrave; 
        la ma&icirc;trise d'ouvrage ou l'assistance &agrave; la ma&icirc;trise 
        d'oeuvre. Son personnel issu de grands groupes industriels poss&egrave;de 
        l'exp&eacute;rience et la ma&icirc;trise des grands projets.</p>
      <p>Hyphen peut mettre &agrave; la disposition de ses Clients pour la r&eacute;alisation 
        d'&eacute;tudes ou d'assistance ponctuelle du personnel qualifi&eacute; 
        ayant occup&eacute; des fonctions importantes dans l'industrie ou dans 
        les travaux publics telles que :</p>
      </font></td>
    <td valign="top"> 
      <div align="right"><img src="Competences.png" width="338" height="257" align="bottom"></div>
    </td>
  </tr>
  <tr> 
    <td height="238"></td>
    <td colspan="2" valign="top"> <font face="Times New Roman, Times, serif" size="5" color="0064a4"> 
     <ul>
	<li id="perso">Chef de projets industriels,</li>
        <li id="perso">Responsable logistique,</li>
        <li id="perso">Directeur technique d'agence de travaux publics ou de fournisseur de mat&eacute;riels,</li>
        <li id="perso">Chef de service apr&egrave;s vente de mat&eacute;riels de travaux publics,</li>
        <li id="perso">Responsable de maintenance,</li>
        <li id="perso">Chef de bureau d'&eacute;tudes.</li>
    </ul>
      <p>Hyphen Sarl fait &eacute;galement partie d'un r&eacute;seau d'entreprises 
        et d'ing&eacute;nieurs conseils lui permettant d'apporter les comp&eacute;tences 
        n&eacute;cessaires &agrave; la conduite de projets complexes. Le r&eacute;seau 
        a &eacute;t&eacute; cr&eacute;&eacute; en 1996 en privil&eacute;giant 
        la compl&eacute;mentarit&eacute; des entreprises.</p>
      </font></td>
  </tr>
  <tr> 
    <td height="18"></td>
    <td></td>
    <td></td>
  </tr>
  <tr> 
    <td height="1"><img height="1" width="42" src="/spacer.gif"></td>
    <td></td>
    <td><img height="1" width="339" src="/spacer.gif"></td>
  </tr>
</table>

</body>
</html>
</body>
</html>

Modifié par Rene (13 Jul 2006 - 08:28)
Eradwen a écrit :
Il manque le point-virgule : &eacute; au lieu de &eacute


Merci, à force de galérer je n'ai même pas vu la poutre que j'avais dans l'oeil Smiley cligne
Bonjour Rene,

Pourrais-tu s'il te plait éditer ton premier message pour respecter les règles de mise en forme du forum ? En particulier mettre ton code entre les balises [ code] et [ /code] (sans les espaces). Pour l'édition, utilise le bouton en haut à droite de ton message.

Merci d'avance. Smiley smile
Au passage, ta déclaration de type de document est incomplète.

Et aussi : si ton document est vraiment enregistré en UTF-8, tu ne devrais pas avoir besoin d'utiliser les entités HTML pour encoder les caratères spéciaux (accentués, etc.). Sinon, autant utiliser de l'ASCII. Smiley cligne