0

n00b は、ページの上部にシンプルなナビゲーション バーを作成しようとしています。テーブル セルの上部に配置する水平リストを取得できません。

具体的には、「項目 1」と「項目 2」を表の一番上に揃えたくありません。最終的には、'Logo Here' 部分を一番左に、'items' 部分を一番右に配置したいと考えています。

もちろん、今のところ「アイテム」を一番上に揃えることに落ち着きます。

html:

    <table cellpadding="0" border="1">
        <tr> 
           <td valign="top">Logo Here</td>
           <td valign="top">Total Accounts:   Logged On:   Last Updated:</td>
           <td>
              <ul id="navlist">
                   <li><a href="#">Item 1</a></li>
                   <li><a href="#">Item 2</a></li>
              </ul>
           </td>
       </tr>
     </table>

CSS:

    #navlist li
    {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
        vertical-align: text-top;
    }
4

1 に答える 1

2

レイアウトにテーブルを使用するべきではありませんが、質問に対する解決策は次のとおりです。

デフォルトでは、uls にはパディングとマージンがあります。削除してみてください

#navlist {
    padding:0;
    margin:0;  
    float:right; /* and to get the items to the right */
}

例: http://jsfiddle.net/vQvvZ/

「 and 'items'」を一番右に指定したので、テーブル幅を100%にしました。

于 2013-03-03T03:02:26.207 に答える