【问题标题】:Wordpress css menu replication - menu items and items in dropdowns shifted to the rightWordpress css 菜单复制 - 菜单项和下拉菜单项向右移动
【发布时间】:2011-12-24 04:53:44
【问题描述】:

我需要从这个 wordpress 安装 http://bit.ly/rrWFMH 复制一个菜单到一些非 wordpress php 页面中。

我将菜单代码移至 http://bit.ly/vcUn1s 。起初我使用原始的 wordpress CSS 文件,它没有问题。但是,在剥离该 css 文件后,我得到了工作菜单,但由于某种原因,菜单项和下拉菜单中的项目向右移动。我已经尝试修复它几个小时,但仍然没有运气......

任何 CSS 专家可以指出我的 CSS 有什么问题吗? :))

我爱你们!

【问题讨论】:

  • 剥离它似乎已经删除了您需要的东西。我通常通过注释掉所有 CSS 来删除它,然后将其重新添加到它工作为止。然后我删除其余的。

标签: css wordpress


【解决方案1】:

padding:0; 的样式声明添加到您的#access .menu-header ul, div.menu ul 声明中,这应该可以解决问题:

#access .menu-header ul, div.menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

【讨论】:

  • 声明后padding:0;菜单项移动到正确位置,但下拉菜单现在居中,而不是像原来的那样向左对齐。
  • 菜单项在原始文件中对我来说是居中显示的,但是您可以很容易地将它们对齐到左侧,只需在您的 #access ul ul a { 声明中添加一个样式声明 text-align:left 就可以解决它.
  • 我指的是灰色背景对齐,而不是链接,而是你的 text-align:left;修复处理了背景,我更喜欢左链接对齐:) 非常感谢,安德烈斯!
猜你喜欢
  • 2012-11-18
  • 1970-01-01
  • 2019-03-19
  • 1970-01-01
  • 2014-03-30
  • 2014-11-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多