Se connecter avec
S'enregistrer | Connectez-vous

[HTML/CSS]Menu en tableau, problème avec IE

Dernière réponse : dans Programmation

Bonjour,

Voici les codes :

  1. <div id="menu">
  2. <table>
  3. <tr>
  4. <img src="puce.gif" /> Accueil<br />
  5. <img src="puce.gif" /> Vehicules<br />
  6.   - Neufs<br />
  7.   - Occasions<br />
  8. <img src="puce.gif" /> Qui sommes-nous ?<br />
  9. <img src="puce.gif" /> FAQ<br />
  10. <img src="puce.gif" /> Contact<br />
  11. </tr>
  12. </table>
  13. </div>


  1. #menu
  2. {
  3. border-width:1px;
  4. border-color:#ffffff;
  5. border-style:solid;
  6. border-bottom-color:#ffffff;
  7. border-bottom-style:solid;
  8. color:#565657;
  9. font-size:8pt;
  10. font-family: Tahoma, Arial, Verdana, serif;
  11. }


Résultat avec Firefox :



Résultat avec IE7 :




Comment faire pour que sur IE, le texte ne revienne pas à la ligne ? Parce que ce site est pour mon projet de BAC en fin d'année, et faudra le montrer sous IE6...

Merci d'avance.

Autres pages sur : html css menu tableau probleme

Lassé par la pub ? Créez un compte
Expert Programmation

Salut,

Si tu mets des <tr>, t'es obligé de mettre des <td>. <tr> "ouvre une ligne", il faut forcément que tu créé une colonne dans cette ligne.

Sinon, je te conseillerai de faire :
  1. <div id="menu">
  2. <ul>
  3. <li>Accueil</li>
  4. <li>Vehicules<br/>
  5.   - Neufs<br />
  6.   - Occasions</li>
  7. <li>Qui sommes-nous ?</li>
  8. <li>FAQ</li>
  9. <li>Contact</li>
  10. </ul>
  11. </div>


Après, pour mettre ta puce, regarde au niveau du CSS avec list-style-image
Lassé par la pub ? Créez un compte
Tom's guide dans le monde