0

テーブルを使用してドロップダウン メニュー ナビゲーターを作成しようとしていますが、問題が発生しています。テーブルの可視性を隠し、ホバーを使用して表示しますが、機能しません - まだ表示されません。コードは次のとおりです。

           table
    {
        background-color: #a9a9a9;
        border-collapse: collapse;
    }
    a:hover
    {   
        color: #f0e68c;
    }
    a
    {
        color: white;
        text-decoration: none;
    }
    .table2
    {
        position: relative;
        left: 685;
        visibility: hidden;
    }
    .table2 th
    {
        border-top: 1px solid white;
    }


        .table1 th
    {
        border-left: 1px solid white;
    }

    #home:hover
    {
        background-color: black;
    }
    #register:hover
    {
        background-color: black;
    }
    #login:hover
    {
        background-color: black;
    }
    #download:hover
    {
        background-color: black;
    }
    #other:hover
    {
        background-color: black;
    }
    #other:hover .table2
    {
        visibility: visible;
    }
4

2 に答える 2

2

表形式のデータを表す以外の目的でテーブルを使用するべきではありません。テーブルなしで CSS を使用して要素を配置するのは少し難しいですが、ボックス モデルとさまざまな表示オプションがどのように機能するかを読むだけで理解できます。

ボックスのモデルと配置

ナビゲーション メニューでは、おそらく ul を使用する必要があります。これが標準的な方法です。

于 2013-11-04T16:50:14.417 に答える