28173 sujets

CSS et mise en forme, CSS3

[résolu]Coller 2 images

Bonjour


En continuant doucement mon chemin pour remplacer mes tableaux par du css

Et la mes deux images sont séparées par un espace et ne trouve pas comment enlever cet espace....

upload/8189-pagecarte.gif


voici le html

<div class="boiteimagecarte"> 
  
               
         <img src="../IMAGES/mapbora/mpaborafr/mapborafr_r1_c1.gif" alt=""  width="400" height="122"  id="mapboraFR_r1_c1" />
      <a href="javascript:;"><img src="../IMAGES/mapbora/mpaborafr/mapborafr_r2_c1_hotels.gif" alt=""  width="400" height="291"  usemap="#mapboraFR_r2_c1Map" id="mapboraFR_r2_c1" /></a>
            <map name="mapboraFR_r2_c1Map" id="mapboraFR_r2_c1Map">
              <area shape="rect" coords="297,105,398,132" href="#" alt="intercontinental thalasso" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_thalasso.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="309,82,366,99" href="#" alt="meridien" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_meridien.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="317,60,370,78" href="#" alt="st regis" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_stregis.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="311,138,379,153" href="#" alt="eden beach" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_eden.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="21,20,99,38" href="#" alt="pearl beach" tabindex="20" onkeyup="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_pearlbeach.gif',1)" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_pearlbeach.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="70,74,132,90" href="#" alt="top dive" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_topdive.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="2,102,119,116" href="#" alt="bora lagoon resort" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_bblr.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="61,180,160,192" href="#" alt="hotel bora bora" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_hbb.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="81,198,159,210" href="#" alt="hotel matira" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_matira.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="27,215,175,228" href="#" alt="intercontinental moana" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapborafr_r1_c1_moana.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="296,154,357,167" href="#" alt="club med" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_clubmed.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="285,170,375,182" href="#" alt="sofitel marara" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_marara.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="257,202,357,214" href="#" alt="maitai polynesia" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_matai.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="245,216,323,230" href="#" alt="sofitel motu" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_sofitelmotu.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="272,185,329,199" href="#" alt="novotel" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_novotel.gif',1)" onmouseout="MM_swapImgRestore()" />
              <area shape="rect" coords="12,146,106,172" href="#" alt="bora nui" onmouseover="MM_swapImage('mapboraFR_r1_c1','','../IMAGES/mapbora/mpaborafr/mapboraFR_r1_c1_boranui.gif',1)" onmouseout="MM_swapImgRestore()" />
            </map>
       
      </div>



voici le css pour ma div


.boiteimagecarte { width:666px; text-align:center; padding-bottom: 0; padding-top:0; margin:0;}


Merci pour votre aide
Modifié par onibaba (07 Oct 2006 - 18:53)
bonjour

Merci Raphael le display block colle effectivement les deux images mais (il y a toujours un mais...) le fait de mettre 

img{display: block}
change également toutes mes présentations sous Opéra (toutes les images sont alignées à gauche). Le probléme a été résolu jusqu'à la prochaine modification avec l' autres solutions de la faq (merci encore a elle) avec line-height: 1px pour opéra et font-size:0px pour IE 7.
Modifié par onibaba (07 Oct 2006 - 19:46)
Sujet clos
Aller à