2012-08-12 35 views
0

我是新來的CSS和有小問題。添加到HTML表格後,CSS菜單失去其屬性

我已經在CSS下拉菜單中創建。我想創建一個將被添加到每個頁面的頭文件。當我將此菜單添加到HTML表格中的某一列時,菜​​單會變大,字體也會變大。當菜單添加到桌子外面時,一切正常。

我有這樣的事情:

<link href="style_for_menu.css" rel="stylesheet" type="text/css" /> 

<table width="100%" border="1" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td align="left" valign="top" width="15" >&nbsp;</td> 
     <td class="tab"align="left" valign="top">&nbsp;<?php include("includes/menu.php");?></td> 
    <td width="15">&nbsp;</td> 
    </tr> 
</table> 

謝謝

+0

沒有答案,但我非常懷疑你應該在那裏使用一張桌子。 – PeeHaa 2012-08-12 10:33:29

+0

如果您將代碼發佈到'style_for_menu.css'中,回答您的問題可能也會更容易。 – snuffn 2012-08-12 10:35:36

+0

你可以發佈一個完整的HTML代碼在這裏,而不是'' – 2012-08-12 10:52:14

回答

0

想必一些應用到表中的CSS規則正在inherited進入菜單,把菜單中有導致用一個規則集descendent selector以匹配它,或者您有一條規則使用父元素上的計算樣式(例如百分比字體大小)。

你需要使用一個調試工具(如Chrome開發者工具),看看這些規則當中。

這就是說,page headers and tables are very rarely a good combination

+0

感謝您的鏈接,我會考慮在這裏 – user609823 2012-08-12 11:46:54

0

你能分享style_for_menu.css相關線路?

螢火蟲是獲得了CSS,加快一個有用的工具 - 它可以讓你改變你的頁面的CSS屬性(或任何網頁)無需重新加載。

+0

對不起不使用表,但不幸的是我不能共享css的代碼,因爲它不完全由我自己擁有(並且不知道哪些行與此相關,因爲我對它很陌生)。我認爲這只是我目前無法注意的一件小事。感謝您向我介紹Firebug,我會嘗試它,並考慮其他方式的造型,而不是像其他建議那樣在這裏使用表格。 – user609823 2012-08-12 11:44:19