0

コードは次のとおりです。

    <style type="text/css">
    body { background: #0c2660; padding: 0px; margin: 0 auto; width: 550; align: center;}
    .logo {text-align: center; margin: 90px 0;  position: relative;}
    .mapper {margin: 0; position: relative;}
    #back { background: #0c2660 url('back.jpg') no-repeat; margin: 0px; width: 1024; height: 768px; text-align: center;}
</style>

およびイメージマップがあるhtml

<div id="back">
<div class="logo"><img src="logo.png" width="331" height="74" border="0" alt="" /></div>
<div class="mapper"><img src="greece.png" width="550" height="500" border="0" usemap="#map" class="mapper iborder00aa00 icolor00ff00" alt="" />
<map name="map"></map>
</div>
</div>

ロゴ画像のみが本来あるべき中央に配置され、背景画像とgreece.pngは何を変更しても左に配置されます

4

2 に答える 2

0

から幅を削除<div id="back">して中央に配置できます

于 2012-09-25T09:16:52.600 に答える
0 
body { 
   background: #0c2660; 
   padding: 0px; 
   margin: 0 auto; 
   width: 1024px;
} 
.logo { 
   text-align: center; 
   margin: 90px 0; 
   position: relative; 
}
#mapperi { 
   margin-left: 240px; 
   position: relative; 
   align: middle;
}
#back { 
   background: #0c2660 url('back.jpg') no-repeat; 
   margin: 0px; 
   height: 768px; 
   text-align: center;
}

最終的な解決策です:)

于 2012-10-06T12:18:38.343 に答える