Yop yop
J'ai un problème, vraiment chiant... . 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
Voilà mon code HTML :
Code :
- <img src="images/titres/services.gif" alt="Services"/><br />
- <img src="images/menu/subMenu/fleche.gif" alt="arrow" class="subMenuArrow"/>
- <div class="subMenuElement">Ethylene Oxide</div>
|
Et CSS :
Code :
- .subMenuArrow {
- margin-top: -2px; /* <-------------------- CA CA N'A PAS L'AIR DE FONCTIONNER SOUS IE :-( */
- margin-left: 30px;
- display: block;
- }
- .subMenuElement {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 10pt;
- font-weight: bold;
- font-style: italic;
- font-stretch:wider;
- color: #FFFFFF;
- width: 140px;
- height: 18px;
- margin-left: 78px;
- margin-top: -15px;
- text-align: center;
- padding-bottom: 2px;
- background-image: url(../images/menu/subMenu/BGelement.gif);
- background-repeat: no-repeat;
- }
|
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