Probleme Css IE /FireFox

Probleme Css IE /FireFox - HTML/CSS - Programmation

Marsh Posté le 25-07-2006 à 10:22:38    

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 :
  1. <table class="TabTableStyle" cellspacing="1" cellpadding="0" border="0">
  2. <tr class="TabRowStyle">
  3.  <td id="HomepageTabs_cellArticles" class="TabColumnStyle" onmouseover="this.className='TabColumnHighlightedStyle'" onmouseout="this.className='TabColumnStyle'">
  4.   <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>
  5.  </td>
  6.  <td id="HomepageTabs_cellPresentations" class="TabColumnSelectedStyle" onmouseover="this.className='TabColumnHighlightedStyle'" onmouseout="this.className='TabColumnSelectedStyle'">
  7.   <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>
  8.  </td>
  9.  <td id="HomepageTabs_cellSamples" class="TabColumnStyle" onmouseover="this.className='TabColumnHighlightedStyle'" onmouseout="this.className='TabColumnStyle'">
  10.   <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>
  11.  </td>
  12. </tr>
  13. </table>


 
mon code css:

Code :
  1. .TabLinkStyle
  2. {
  3. color: #707070;
  4. background-color: #e7e7e7;
  5. background-image: url(Images/Ts.gif);
  6. text-decoration : none;
  7. padding: 3px 4px 0px 4px;
  8. }
  10. .TabColumnSelectedStyle
  11. {
  12. color: White;
  13. background-color: #FF0000;
  14. background-image: url(Images/Tb.gif);
  15. background-position: 0px -70px;
  16. }


 
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
 

Reply

Marsh Posté le 25-07-2006 à 10:22:38   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed