Bon je viens de faire un site pour un ami d'enfance.
sur cette page : http://www.patrickfaure.net/links.htm ..les liens font appel à un style CSS issue d'une feuille de style.
sous IE 5 et 5.5 les hovers apparaissent bien sur les liens (donc texte blanc gras et liens bleus) mais sous cette merdasse de IE6, plus rien !! pas de hovers.
De ce que je comprends, IE6 semblent gérer les CSS differemment en fonction des "DIV" ..
mais que ce soit avec DIV ou SPAN j'ai le même problème..
voici le code pour essayer de comprendre comment faire fonctionner le CSS sous IE6 :
l'appel à la feuille de style:
Code :
- <link rel="stylesheet" href="styleCA.css" type="text/css">
|
le style CSS à l'interieur:
.Lien { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; font-weight: 700; font-style: normal; a: link {color: #A698FB}; a:hover {color: #FFFFFF}; text-align: center}
dans la page HTML :
Code :
- <td valign="top" class="Soustitre">
- <p class="Soustitre"><font color="#FFFFFF"><a href="http://www.spinaudio.com" target="_blank"><span class="Lien">www.spinaudio.com</span></a>
- professional</font> audio equipment
|
le même problème apparaît pour cette page d'un site pour une association (les menus du haut ) avec Div: http://lechoeur.levillage.org/
l'appel à la feuille de style:
Code :
- <link rel="stylesheet" href="styleCA.css" type="text/css">
|
le style CSS à l'interieur:
.Comicss { font-family: "Comic Sans MS", FranklinGothic; font-size: 11pt; color: #5E4717; font-weight: 700; font-style: normal; a: link {color: #5E4717}; a:hover {color: #E79D03}; text-align: center}
dans la page HTML :
Code :
- <div id="menuHaut" style="position:absolute; width:580px; height:20px; z-index:2; left: 250" class="Comicss">
- <table width="580" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td class="Comicss">
- <div align="center"><a href="01A01Present.htm" class="Comicss">Presentation</a></div>
- </td>
- <td class="Comicss">
- <div align="center"><a href="02A01Agenda.htm" class="Comicss">Spectacles</a></div>
- </td>
- <td class="Comicss">
- <div align="center"><a href="03A01FicheSig.htm" class="Comicss">Dossier
- de Presse</a></div>
- </td>
- <td>
- <div align="center"><a href="04A00Login.htm" class="Comicss">Membres</a></div>
- </td>
- <td>
- <div align="center"> &&<a href="05A01Sites.htm" class="Comicss">Liens</a><font color="#6666FF">&&</font></div>
- </td>
- </tr>
- </table>
- </div>
|
Si qqun pouvait m'expliquer ce qu'il faut corriger pour IE6..
Message édité par serveur le 23-10-2003 à 19:25:01