[CSS] Positionnement dans IE :-(((

Positionnement dans IE :-((( [CSS] - HTML/CSS - Programmation

Marsh Posté le 19-01-2007 à 17:41:40    

Yop yop
 
J'ai un problème, vraiment chiant... :D. J'arrive pas à aligner une image la même chose dans IE et dans Firefox : http://www.cssr.ch/services.php  
 
-> il s'agit de la flèche qui descend du titre "Services" vers le sous-menu (1 élément ici -> "Ethylene Oxide" ).
 
La marge négative sur la balise <img> n'a pas l'air de fonctionner dans IE  :cry:  
 
Voilà mon code HTML :

Code :
  1. <img src="images/titres/services.gif" alt="Services"/><br />
  2. <img src="images/menu/subMenu/fleche.gif" alt="arrow" class="subMenuArrow"/>
  3. <div class="subMenuElement">Ethylene Oxide</div>


 
Et CSS :

Code :
  1. .subMenuArrow {
  2. margin-top: -2px; /* <-------------------- CA CA N'A PAS L'AIR DE FONCTIONNER SOUS IE :-( */
  3. margin-left: 30px;
  4. display: block;
  5. }
  6. .subMenuElement {
  7. font-family: Verdana, Arial, Helvetica, sans-serif;
  8. font-size: 10pt;
  9. font-weight: bold;
  10. font-style: italic;
  11. font-stretch:wider;
  12. color: #FFFFFF;
  13. width: 140px;
  14. height: 18px;
  15. margin-left: 78px;
  16. margin-top: -15px;
  17. text-align: center;
  18. padding-bottom: 2px;
  19. background-image: url(../images/menu/subMenu/BGelement.gif);
  20. background-repeat: no-repeat;
  21. }


 
Au début je voulais utiliser simplement la balise <img> suivi d'une balise <span> (pour que le positionnement en ligne soit effectué tout seul, mais impossible de gérer la taille si j'utilise une balise <span>... et l'image de fond du <span> est alors coupée....)
 
Merci pour votre aide!
 
++


Message édité par le_duc le 19-01-2007 à 17:43:27
Reply

Marsh Posté le 19-01-2007 à 17:41:40   

Reply

Marsh Posté le 19-01-2007 à 17:43:10    

Avant de se lancer dans n'importe quoi, quel est le doctype de ta page ?

Reply

Marsh Posté le 19-01-2007 à 19:14:54    

gatsu35 a écrit :

Avant de se lancer dans n'importe quoi, quel est le doctype de ta page ?


 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


 
c koi le rapport?

Reply

Marsh Posté le 21-01-2007 à 21:23:17    

up

Reply

Marsh Posté le 21-01-2007 à 23:31:34    

Pourquoi n'insères-tu pas les balises adéquates pour ton menu ?

Reply

Marsh Posté le 22-01-2007 à 10:23:37    

gebruik a écrit :

Pourquoi n'insères-tu pas les balises adéquates pour ton menu ?


 
pasque le problème n'est pas là...
 
c'est la flèche qui emmerde... et la flèche ne sera de toute façon pas dans une balise <ul> ou <il>....
 
Je pourrai toujours adapter mon menu une fois que la flèche est OK....

Reply

Sujets relatifs:

Leave a Replay

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