0

サイトで使用しているインクルード ヘッダーがあります。ホームページのインクルードはインテリア ページのインクルードとまったく同じですが、何らかの理由でインテリア ページの画像コンテンツがシフトします。画像の右側のテキスト (画像の一部) は、ホームページでは右から約 57 ピクセル、内部ページでは右から 40 ピクセルの位置にあります....それらは同じ画像です!! 私は完全に困惑しています。どんな助けでも大歓迎です!

ここに URL があります。概要とホームページをクリックすると、私の言いたいことがわかります。

http://goo.gl/6xdjRu

<style>
.center {
    width:1080px;
    margin:0 auto;
    position:relative;
}
</style>

 <div class="center">
 <img src="/images/header_home.jpg" width="1080" height="233" usemap="#Map" style="display:block;" id="header" />

    <div style="position:absolute; z-index:7; width:120px; display:none; left:434px; top:70px;" id="sub_about">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td><a href="/history.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_history','','/images/but_history-over.png',1);mopen('sub_about');"><img src="/images/but_history.png" alt="History" width="120" height="39" id="but_history" style="display:block;"></a></td>
            </tr>
            <tr>
                <td><a href="/mission.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_mission','','/images/but_mission-over.png',1);mopen('sub_about');"><img src="/images/but_mission.png" alt="Mission" width="120" height="37" id="but_mission" style="display:block;"></a></td>
            </tr>
            <tr>
              <td><a href="/associations.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_associations','','/images/but_associations-over.png',1);mopen('sub_about');"><img src="/images/but_associations.png" alt="Associations" width="120" height="35" id="but_associations" style="display:block;"></a></td>
            </tr>
            <tr>
              <td><a href="/careers.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_careers','','/images/but_careers-over.png',1);mopen('sub_about');"><img src="/images/but_careers.png" alt="Careers" width="120" height="40" id="but_careers" style="display:block;"></a></td>
            </tr>
        </table>

        </div>

    <div style="position:absolute; z-index:7; width:120px; display:none; left:542px; top:70px;" id="sub_services">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td><a href="/electrical.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_electrical','','/images/but_electrical-over.png',1);mopen('sub_services');"><img src="/images/but_electrical.png" alt="Electrical" width="120" height="39" id="but_electrical" style="display:block;"></a></td>
            </tr>
            <tr>
                <td><a href="/technology.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_technology','','/images/but_technology-over.png',1);mopen('sub_services');"><img src="/images/but_technology.png" alt="Technology" width="120" height="37" id="but_technology" style="display:block;"></a></td>
            </tr>
            <tr>
              <td><a href="/security.asp" onMouseOut="MM_swapImgRestore();mclosetime();" onMouseOver="MM_swapImage('but_security','','/images/but_security-over.png',1);mopen('sub_services');"><img src="/images/but_security.png" alt="Security" width="120" height="37" id="but_security" style="display:block;"></a></td>
            </tr>
        </table>

        </div>

</div>
4

1 に答える 1

1

「ホーム」ページと「概要」ページは、レイアウトが異なる 2 つの異なる画像を使用しているように見えます。

ホーム:
http://www.gordonlseaman.com/images/header_home.jpg

家

について:
http://www.gordonlseaman.com/images/header_about.jpg

約

于 2013-10-09T19:12:22.830 に答える