Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1203 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Image avec espace en dessous sous FF et pas sous IE

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Image avec espace en dessous sous FF et pas sous IE

n°1512852
Pierrick81
Posté le 09-02-2007 à 20:56:34  profilanswer
 

Coucou à tous,
 
Je continue à découvrir les différences d'interprétations entre IE et FF. J'avais jusque là réussi à les surmonter, mais là je bloque.
Je vous soumets donc le problème :
En fait je veux afficher des images les unes en dessous des autres, dans IE, elles sont collées alors que dans FF il y a un espace en bas de la photo.
 
Le résultat est le suivant :http://www.easyconseil.com/test/test.html
 
Le code est là :

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <HTML>
  3. <HEAD>
  4.    <TITLE>Conseil en stratégie</TITLE>
  5.    <style type="text/css">
  6. <!--
  7. #vmenu {
  8.    position:absolute;
  9.    left:15px;
  10.    top:15px;
  11.    margin:0px;
  12.    padding:0px;
  13.    }
  14.    #vsmenu {
  15.    margin-top:0px;
  16.    margin-bottom:0px;
  17.    padding-top:0px;
  18.    padding-bottom:0px;
  19.    }
  20. -->
  21. </style>
  22. </HEAD>
  23. <BODY>
  24.       <div id="vmenu">
  25.          <div id="vsmenu"><IMG SRC="images/vmenu1.gif" WIDTH="184" HEIGHT="33" border="0" alt=""></div>
  26.          <div id="vsmenu"><IMG SRC="images/vmenu.gif" WIDTH="184" HEIGHT="107" border="0" alt=""></div>
  27.          <div id="vsmenu"><IMG SRC="images/vmenu2.gif" WIDTH="184" HEIGHT="33" border="0" alt=""></div>
  28.          <div id="vsmenu"><IMG SRC="images/vmenu3.gif" WIDTH="184" HEIGHT="33" border="0" alt=""></div>
  29.       </div>
  30. </BODY>
  31. </HTML>


 
Voili.  
Si qq1 peut me renseigner merci bcp !
++
 
Pierrick

mood
Publicité
Posté le 09-02-2007 à 20:56:34  profilanswer
 

n°1512896
Pierrick81
Posté le 09-02-2007 à 23:16:10  profilanswer
 

Ouh la, je vois que ça pose pb ;)
 
Je continue à avancer dans la création de mon menu, mais j'ai toujours des problèmes de mise en forme !
 
Voilà le nouveau code "évolué" :
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <HTML>
  3. <HEAD>
  4.    <TITLE>Conseil en stratégie</TITLE>
  5.    <style type="text/css">
  6. <!--
  7. #vmenu {
  8.    position:absolute;
  9.    left:15px;
  10.    top:15px;
  11.    margin:0px;
  12.    padding:0px;
  13.    }
  14.    #vsmenu {
  15.    margin-top:0px;
  16.    margin-bottom:0px;
  17.    padding-top:0px;
  18.    padding-bottom:0px;
  19.    }
  20.    #vssmenu {
  21.    width:182px;
  22.    border-style:solid;
  23.    border-width:1px;
  24.    border-color:#990033;
  25.    margin-bottom:4px;
  26.    }
  27.       #vssmenu ul {
  28.       list-style-type:none;
  29.       list-style-position:inside;
  30.       width:163px;
  31.       padding:0px 10px 0px 10px;
  32.       margin-bottom:5px;
  33.       margin-top:5px;
  34.       }
  35.       #vssmenu ul li {
  36.       line-height:12px;
  37.       padding-left:0px;
  38.       padding-top:5px;
  39.       padding-bottom:5px;
  40.       }
  41.       .serrer {
  42.       letter-spacing:-1px;
  43.       }
  44.       .actif {
  45.       background: url(images/fleche.gif) no-repeat 0px 1px;
  46.       padding-left:25px;
  47.       color:#990033;
  48.       }
  49.          #vssmenu ul li a {
  50.          text-decoration:none;
  51.          color:#666666;
  52.          font-size:11px;
  53.          font-family:Arial;
  54.          font-weight:bold;
  55.          }
  56.          #vssmenu ul li a:hover {
  57.          text-decoration:none;
  58.          color:#990033;
  59.          }
  60. -->
  61. </style>
  62. </HEAD>
  63. <BODY>
  64.       <div id="vmenu">
  65.          <div id="vsmenu"><a href="page1.html"><IMG SRC="images/vmenu1.gif" WIDTH="184" HEIGHT="33" border="0" alt=""></a></div>
  66.          <div id="vssmenu">
  67.             <ul><li><a href="page1.html"><span class="actif">Les métiers du conseil</span></a></li>
  68.                 <li><a href="page1.html">Conseil en stratégie</a></li>
  69.                 <li><a href="page1.html"><span class="serrer">Conseil en stratégie opérationnelle</span></a></li>
  70.                 <li><a href="page1.html">Conseil en organisation et système d'information</a></li>
  71.             </ul>
  72.          </div>
  73.          <div id="vsmenu"><a href="page3.html"><IMG SRC="images/vmenu2.gif" WIDTH="184" HEIGHT="33" border="0" alt=""></a></div>
  74.          <div id="vsmenu"><a href="page4.html"><IMG SRC="images/vmenu3.gif" WIDTH="184" HEIGHT="33" border="0" alt=""></a></div>
  75.       </div>
  76. </BODY>
  77. </HTML>


 
La mise en forme sous Firefox est nickel, mais par contre sous IE, elle part complètement en couille ! la flèche rouge ne s'affiche pas. et les décalages sont bizzare au niveau des puces !
 
Merci de votre aide.
Je continue à chercher de mon coté et si je trouve qqch je vous tiens au courant !
++
Pierrick


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Image avec espace en dessous sous FF et pas sous IE

 

Sujets relatifs
création d'espace membreMail avec image incluse sans pièce jointe
Menu en image ou en CSS ??inserer image depuis bibliothèque
[VBA] Mettre une image partiellementProblème pour récuperer une image dans une variable
[PHP - GD] Extraire une portion d'imageInserer script dans une image
Comment faire du traitement d'image en Java 
Plus de sujets relatifs à : Image avec espace en dessous sous FF et pas sous IE


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR