1

序文: 表のレイアウト/古い html は、これをメール マガジンに使用するためです。

テーブルを使った簡単なナビゲーションを作成中です。私が探しているのは、バナー用のヘッダー行を持つ 650px 幅のテーブルと、ナビゲーション リンク用にその下に等間隔に配置された 6 つのセルです。現在、2 番目の行には「ABOUT」リンクを含む 1 つの非常に長いセルがあり、次の 5 つのセルは表の右側にあります。一番上の行に画像がある場合にのみこれを行います。

コード：

<!DOCTYPE html>
<head>
    <title></title>
    <style>
        #container {
            background-color: #efefef;
            width: 650px;
        }

        #row_nav {
            width: 650px;
        }

        .nav_link {
            width: 108px;
            background-color: #AB2328;
        }


    </style>
</head>

<body>

    <table id = "container" align="center">
        <tr>
            <td>
                <a href="#"><img src="banner.jpg"/></a>
            </td>
        </tr>


        <tr id = "row_nav">
            <td class = "nav_link">
                <a href="">ABOUT</a>
            </td>
            <td class = "nav_link">
                <a href="">AGENDA</a>
            </td>
            <td class = "nav_link">
                <a href="">SPEAKERS</a>
            </td>
            <td class = "nav_link">
                <a href="">SPONSORS</a>
            </td>
            <td class = "nav_link">
                <a href="">TRAVEL</a>
            </td>
            <td class = "nav_link">
                <a href="">REGISTER</a>
            </td>
        </tr>
    </table>

</body>
</html>

どんな助けでも大歓迎です。

4

2 に答える 2