2012-08-12 87 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