2013-03-01 60 views
1

嗨专家兄弟/姐妹,垂直菜单的下拉菜单无法正常使用保证金

我正在使用网站,并遇到了下拉菜单的问题。网站上有两个下拉菜单。一个是水平下拉菜单,另一个是垂直下拉菜单。我已经成功地放置了两个下拉菜单。 请看到的图像在第一:横向菜单(父“购物车”)的

  1. 下拉菜单 Drop down menu of Horizontal Menu
  2. 垂直菜单(父母“杂志”)的
  3. 下拉菜单 Drop down menu of Vertical Menu

我遇到了第二个问题(垂直菜单的下拉菜单): 下拉菜单属于“杂志”选项卡。您可能会看到主导航/选项卡和下拉导航之间有空白。我的问题是为了这个边缘。我必须使用这个保证金。但是,用于创建边距的我无法从“杂志导航”轻松地将鼠标放在下拉菜单上。您可以查看link。 看,从“购物车”菜单到下拉菜单(图片1)也有一定的余量。但是,它可以轻松地将鼠标放在“购物车”的下拉菜单中。但是,您无法轻松地在“杂志”菜单的下拉菜单中选择/放置鼠标。

尽管从“购物车”菜单到它的下拉菜单中也有余量,但它并未产生问题。因为,我已经给予了“购物车”李的高度,这在开放眼中看起来似乎很有限。因此,从“购物车”菜单到下拉菜单中没有实际的边距(marin-top)。但是,我不能使用“杂志”菜单中的相同技术。我的意思是我无法使用更大的宽度作为“杂志”菜单,将其作为下拉菜单的抽象边距。因为,如果我使用更大的宽度而不是边距,“杂志”菜单中也会出现背景颜色和图像。

那么,你能帮我吗?我可以向你明确我的问题吗?总之,我想告诉你,由于在“杂志”菜单的左侧创建了一个页边距下拉菜单,因此我无法将鼠标轻松地形成“杂志”菜单到它的下拉菜单。

感谢所有人阅读我的问题。

(我想给我的代码,这个菜单在这里,但我不能在此格式,所以,我如果有谁需要上传吧:。Download

+0

毫无疑问,你应该增加你的右边距,并保持内容的控制。您可以使用左栏和其内容UL&LI以保持悬停。看来20个像素的margi-right会做 – Fico 2013-03-01 02:26:48

+0

我不明白你的解决方案。是的,从“杂志”菜单到下拉菜单大约有15px页边距。我已经从Andy Allcorn得到了一个简单的解决方案。谢谢你的评论。 – user1896653 2013-03-01 11:41:28

回答

0

嗯,这是一个可怕的黑客,但你可以这样伪造保证金:

.vertical_nav li ul li { 
    border-left: 15px solid #fff; 
} 
+0

非常感谢你提供了一个非常简单的解决方案:) – user1896653 2013-03-01 11:35:39