probleme de CSS entre IE6 et FF

probleme de CSS entre IE6 et FF - HTML/CSS - Programmation

Marsh Posté le 25-11-2005 à 11:01:58    

bonjour a tous
voila jgalere depuis pas mal de temps sur une div qui s affiche lorsque la souris passe sur une image.. ca fonctionne tres bien sur fire fox mais pas du tout sur IE :'(
voila mon code si quelqu un pouvait m aider
 
 
a.aide {
       text-decoration: none;
       display: inline;
       position: relative;
       top: 85px;
       left: 468px;
 
}
a.aide:hover {
             background: none;
}
a.aide div.intitule {
       display: none;
}
a.aide:hover div.intitule {
             display: inline;
             width: 200px;
             background: #eb6401   ;
             text-align: center;
             color: white;
}
 
<a class="aide" ><img src="images/point.gif"/><div class="intitule">blablabla</div></a>
 
merci d avance

Reply

Marsh Posté le 25-11-2005 à 11:01:58   

Reply

Marsh Posté le 25-11-2005 à 11:18:49    

code HTML pas bon :  
 
ça bon :

Code :
  1. <a class="aide" ><img src="images/point.gif"/><span class="intitule">blablabla</span></a>


car la règle dit : on ne met pas des éléments de type block dans un élément de type inline
 
donc tu corriges aussi la CSS , tu remplaces DIV par SPAN, et puis tu enlève le display:inline qui ne sert plus à rien
 
ensuite ton problème vient de IE
 
tu rajoute un href="#"
et là ton lien sera un vrai lien


Message édité par gatsusat le 25-11-2005 à 11:28:47

---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 25-11-2005 à 12:55:43    

merci beaucoup le bug avec IE venait du fait qu il ny avait pas le href dans le lien!

Reply

Sujets relatifs:

Leave a Replay

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