Salut, j'ai mis un menu sur mon site à gauche de la page celui ci sous IE s'affiche correctement sous firefox on dirait qu'il interprette autrement mon code CSS. J'ai pu me trompé je débute le CSS..
le menu de gauche est constité de boutons dynamiques sous firefox ils s'entre chevauchent et ils ne prennent pas la longeur que dit le css, je ne vois pas pourquoi, pouvez vous m'aider.
extrait du CSS
.menu_bouton{ text-align:center;padding:5px;} a.menu_bouton:link{ width:147px; height:30px; text-decoration:none; color:#FF2000; text-align:center; font-weight:bold; background-color:#FFAF66; padding:5px; border-style:outset; border-width:none; border-color:orange; } a.menu_bouton:visited{ width:147px; height:30px; text-decoration:none; color:#FF6500; text-align:center; font-weight:bold; background-color:#FFDF93; padding:5px; border-style:outset; border-width:none; border-color:orange; } a.menu_bouton:hover{ width:147px; height:30px; text-decoration:none; color:#FF1500; text-align:center; font-weight:bold; background-color:#FF6E3E; background-image:none; padding:5px; border-style:inset; border-width:none; border-color:orange; }
Extrait du html
<table width="1px" border="0" align="left" cellpadding="0" cellspacing="0"> <tr><td width="400"> </td> <td><table width="780" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td height="150"><img src="http://membres.lycos.fr/reikisource/images/header.jpg" width="780" height="150" alt="reiki soins domicile Rhône (Lyon,Villefranche,Losanne,...)"> </td> </tr> <tr> <td align="center" class="menu_haut" height="34" background="images/menuhaut.jpg"> <script LANGUAGE="JavaScript" type="text/javascript" SRC="ejs_menu_dyn.js"></SCRIPT></td> </tr> <tr> <td height="84" background="images/haut.jpg"></td> </tr> <tr> <td><table width="780" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="180" valign="top" background="images/fond.jpg"> <p><img src="images/image.jpg" width="180" height="88"> <table width="180" height="200" border="0" align="center" cellpadding="0" cellspacing="0" > <tr> <td height="10px" ><table class="menu_gauche" width="10px" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="18"> </td> <td width="112"><strong><a href="reiki.php" class="menu_bouton">LE REÏKI</a></strong></td> <td width="14"> </td> </tr> <tr> <td> </td> <td><strong><a href="soins.php" class="menu_bouton">SOINS</a></strong></td> <td> </td> </tr> <tr> <td> </td> <td><strong><a href="consultations.php" class="menu_bouton">CONSULTATIONS</a></strong></td> <td> </td> </tr> <tr> <td> </td> <td><strong><a href="ethique.php" class="menu_bouton">ÉTHIQUE</a></strong></td> <td> </td> </tr> <tr> <td> </td> <td><strong><a href="energetique.php" class="menu_bouton">ÉNERGÉTIQUE</a></strong></td> <td> </td> </tr> <tr> <td> </td> <td><strong><a href="meditation.php" class="menu_bouton">MÉDITATION</a></strong></td> <td> </td> </tr> <tr> <td> </td> <td><strong><a href="mailto:soins_AT_reiki-soins.com" class="menu_bouton">CONTACT</a></strong></td> <td> </td> </tr> <tr> <td> </td> <td><strong><a href="liens.php" class="menu_bouton"> LIENS</a></strong></td> <td> </td> </tr> </table></td> </tr> </table></td>