Bonjour,
Je me trouve face à un de ces merveilleux problèmes d'IE par rapport aux css.
Je précise déja que je n'ai pas accès au HTML mais juste au css
Code :
- <table class="TabTableStyle" cellspacing="1" cellpadding="0" border="0">
- <tr class="TabRowStyle">
- <td id="HomepageTabs_cellArticles" class="TabColumnStyle" onmouseover="this.className='TabColumnHighlightedStyle'" onmouseout="this.className='TabColumnStyle'">
- <a id="HomepageTabs_Articles" title=".NET articles" class="TabLinkStyle" onmouseover="this.className='TabLinkHighlightedStyle'" onmouseout="this.className='TabLinkStyle'" href="javascript:__doPostBack('HomepageTabs$Articles','')"><div style="width:100%;">.NET articles</div></a>
- </td>
- <td id="HomepageTabs_cellPresentations" class="TabColumnSelectedStyle" onmouseover="this.className='TabColumnHighlightedStyle'" onmouseout="this.className='TabColumnSelectedStyle'">
- <a id="HomepageTabs_Presentations" title=".NET presentations" class="TabLinkStyle" onmouseover="this.className='TabLinkHighlightedStyle'" onmouseout="this.className='TabLinkStyle'" href="javascript:__doPostBack('HomepageTabs$Presentations','')"><div style="width:100%;">.NET presentations</div></a>
- </td>
- <td id="HomepageTabs_cellSamples" class="TabColumnStyle" onmouseover="this.className='TabColumnHighlightedStyle'" onmouseout="this.className='TabColumnStyle'">
- <a id="HomepageTabs_Samples" title=".NET samples" class="TabLinkStyle" onmouseover="this.className='TabLinkHighlightedStyle'" onmouseout="this.className='TabLinkStyle'" href="javascript:__doPostBack('HomepageTabs$Samples','')"><div style="width:100%;">.NET samples</div></a>
- </td>
- </tr>
- </table>
|
mon code css:
Code :
- .TabLinkStyle
- {
- color: #707070;
- background-color: #e7e7e7;
- background-image: url(Images/Ts.gif);
- text-decoration : none;
- padding: 3px 4px 0px 4px;
- }
- .TabColumnSelectedStyle
- {
- color: White;
- background-color: #FF0000;
- background-image: url(Images/Tb.gif);
- background-position: 0px -70px;
- }
|
Et donc dans ma 2ème cellule (celle qui est selelectionnée et qui à le TabColumnSelectedStyle )
sous fireFox : j'ai bien l'image tb.gig qui s'affiche et et ts.gif sur les autres
sous IE : j'ai ts.gif qui s'affiche tout le temps....
Une solution???
D'avance merci
Ben
