使用表的CSS下拉菜單導航器

我想要使用表的下拉菜單導航器，但我遇到了問題。我隱藏了表格的可見性，並使用懸停使其可見，但它不起作用 - 它仍然不可見。這裏是代碼：使用表的CSS下拉菜單導航器

  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; 
    }

來源

2013-11-04 KennethC

你可以添加你的代碼嗎？ – Andrew

最好的辦法是不要使用表格作爲標記，使用列表或div –

對於這種方法，'ul'是最好的選擇。 –

我在我的網站上有一個教程，告訴你如何使用CSS和HTML創建一個下拉菜單，你也可以下載完整的代碼。正如其他人所說，你應該只使用一個表來顯示錶格數據。

CSS3 Dropdown Menu Tutorial

來源

2013-11-04 16:54:17 AfromanJ

我已經用列表完成了，我只是想知道是否可以用table來做到這一點。 – KennethC

這是可能的，但不建議。大多數網站只能使用10年以上的表格進行構建。但是DIV和列表更容易設計和使用。 – AfromanJ

謝謝你的幫助，我很感激。 – KennethC

你真的不應該使用任何表，但代表表格數據。使用不帶表格的CSS定位元素有點棘手，但通過閱讀有關框架模型以及不同顯示選項的工作原理，您將會發現它。

盒模型和定位

對於導航菜單，你應該使用一個UL這是這樣做的標準方式。

來源

2013-11-04 16:50:14

我已經用列表完成了，我只是想知道是否可以用table來做到這一點。 – KennethC

當然，這可能會付出一些努力，但它是優越的，我不明白爲什麼你會想要通過'ul'方法來使用它。 –

我想我應該用標準的方式（列表順序），謝謝你的幫助兄弟，我很欣賞它。 – KennethC

使用表的CSS下拉菜單導航器

回答

相關問題