DIV与嵌套UL LI UL LI没有明确扩展:两者

时间:2013-07-24 21:51:53

标签: html css background-color nested-lists

在下面的网站上,我正在开发一个下拉菜单,其中包含很多子菜单项。 (我目前有显示屏:没有关闭,所以你可以很容易地看到发生了什么。

http://69.195.124.59/~oldcrowe/heritage-livestock/ 

基本上我需要的是.sub-menu-wrap来覆盖嵌套列表元素的所有背景,用于背景颜色或背景图像以覆盖整个列表。问题是它似乎只扩展到当前的ul而不是整个嵌套列表。

我已经尝试过,因为你可以看到清楚:两种方法都无济于事。任何想法都会如此受到赞赏。我正在遗漏代码和CSS,因为它有点相似,我想你们会很好的网络链接。如果没有,请告诉我。谢谢!

2 个答案:

答案 0 :(得分:0)

我宁愿在每个“li”上添加背景,而不是尝试这样做。

否则你可以(一旦小菜单扩展)只使用“div”和“p”,这样你就可以轻松操纵所有这些。

答案 1 :(得分:0)

你有太多的浮动,绝对位置,ul和li之间的div ...

首先,我将使用margin-left和right auto以及固定宽度创建一个div来专门居中内容并制作de shadow border。带有渐变的body标签和带有图案的额外div。然后你可以忽略内容元素的定位。

通过菜单,我做了一些更改,但没有跟踪,使用一些差异工具并采取一个想法。

html:http://pastebin.com/RaUaKkJj(1个月后到期)

css:http://pastebin.com/LnXYCVaZ(1个月后到期)

屏幕截图:http://i41.tinypic.com/2639cuc.png(删除:http://answers.yahoo.com/question/index?qid=20071106075333AARtIqt

我更喜欢使用ul子菜单的backgraound并删除div子菜单包。但是我在firebug中进行了更改,并不关心删除标签。

需要更多关于z-index和其他元素定位的工作。但这是一个开始步骤。