5

ロゴとテーブルを並べて配置することはできませんが、互いにあまり接近していません。これを実現する唯一の方法はテーブルを使用することですが、画像とテーブルは非常に近くなります。ページの中央にあるテーブルと、テーブルと左画面の遠端の間にあるロゴが必要です。

このような

ロゴテーブル

これが今の状況です

ロゴ

- -テーブル

<div id="header" style="height:15%;width:100%;">
    <img src="/e-com/images/logo.jpg" style="margin-left:15%;margin-top:5%"/>
    <table border="1" width="44" style="margin-left:30%;float:top;"> 
    <tr>
            <td><h1><a href="home">Home</a></h1></td>
            <td><h1><a href="home">Home</a></h1></td>
            <td><h1><a href="home">Home</a></h1></td>
    </tr>
    </table>
</div>
4

3 に答える 3

4

2つのdivを使用し、左にフロートするように設定します

<div id="header" style="height:15%;width:100%;">
    <div style='float:left'>
        <img src="/e-com/images/logo.jpg" style="margin-left:15%;margin-top:5%"/>
    </div>
    <div style='float:leftt'>
        <table border="1" width="44" style="margin-left:30%;float:top;"> 
            <tr>
                <td><h1><a href="home">Home</a></h1></td>
                <td><h1><a href="home">Home</a></h1></td>
                <td><h1><a href="home">Home</a></h1></td>
            </tr>
        </table>
    </div>
</div>
于 2013-02-11T16:45:34.607 に答える
1

1）レイアウトにテーブルを使用しないでください。FLOATSの使い方を学びましょう。

2）ロゴにCSS背景画像を使用します。UI要素（ページコンテンツではない）は、インライン画像ではなくCSS背景である必要があります。

ロゴが100x100であると仮定します（それに応じて調整します）。

.logoContainer {
      background-image:url(../yourimage.png);
      background-repeat:no-repeat
      padding-left:100px;
      min-height:100px;      
}
于 2013-02-11T16:47:11.363 に答える
0

これは、あなたが達成しようとしていることを実行するための簡単な方法であるはずです。

http://jsfiddle.net/8NDZP/

<div style='float:left'>
    <img src='http://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Moscow_July_2011-7a.jpg/325px-Moscow_July_2011-7a.jpg'>
</div>
<div style='float:right'>
    <table border="1" width="44" style="margin-left:30%;float:top;">
        <tr>
            <td>
                 <h1><a href="home">Home</a></h1>

            </td>
            <td>
                 <h1><a href="home">Home</a></h1>

            </td>
            <td>
                 <h1><a href="home">Home</a></h1>

            </td>
        </tr>
    </table>
</div>
于 2013-02-11T16:49:00.027 に答える