J'ai fini par adopter la solution suivante :
Une class css:
Code :
- .aiguille {
- width: 207px;
- height: 45px;
- text-align: right;
- vertical-align: top;
- background-image:url(images_site/mnudroite_aiguille.png);
- filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images_site/mnudroite_aiguille.png');
- }
- .aiguille[class] {
- background-image:url(images_site/mnudroite_aiguille.png);
- }
- .aiguille_texte {
- width: 143px;
- height: 22px;
- text-align: left;
- vertical-align: bottom;
- color: #BDCBCE;
- font-size:12px;
- }
|
Et ce code:
Code :
- <td class="aiguille">
- <table>
- <tr>
- <td class="aiguille_texte">
- <a href="page.html">FORUM</a>
- </td>
- </tr>
- </table>
- </td>
|
Maintenant j'ai un gros problème.... Le lien de forum ne fonctionne pas. C'est comme si il n'y avait pas de lien....
Comment faire ? J'ai vu que c'est dû à filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images_site/mnudroite_aiguille.png'); mais je n'ai pas d'autre solution pour mettre une image png transparente en background....
---------------
Asta la vista miam miam !!!