Css 她让我很沮丧

我目前正在制作一个使用superfish的菜单。它完全可以通过css定制，但我遇到了一个非常令人沮丧的问题

第二层菜单以某种方式继承了I-know-not-where的值，无论我如何更改它都会完全破坏整个布局。看起来文本似乎是一整行，然后应该是。不过，鼠标悬停的方式仍在正常工作

另一件令人沮丧的事情是，我需要将文本从第1层菜单项移动到栏的底部——到目前为止，我所做的任何尝试都没有移动文本而不是整个项目。如果有人能解决这个问题，我们也将不胜感激

你可以明白我在这里的意思： 它涉及菜单项2和5（Leistungen和Kontakt）上的第2层菜单

以下是我认为导致问题的代码： 整个代码如下：

非常感谢

.sf-menu {
    float:          left;
    margin-bottom:  1em;

}

.sf-menu a {
    text-indent: 7px;
}


.sf-menu a, .sf-menu a:visited  {
    /* visited pseudo selector so IE6 applies text colour*/
    color: #333;
}

.sf-menu li {       /*///////////// menu lvl 1 /////////////*/
    color:          #333;
    width:          118px;
    line-height:    85px;
    font-weight:    normal;
    font-size:      14px;
    text-decoration:none;
    background:     url(../images/menu/menuitem.png);
}

.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
    color:          #DDD;
    line-height:    85px;
    background:     url(../images/menu/menuitem-mo.png);
}

.sf-menu li li {    /*///////////// submenu lvl 2 ///////////////////*/
    color:      #ddd;
    font-size:  12px;
    top:        50px;
    height:     26px;
    background:     url(../images/png_black40per.png);
}

.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    color: #333;
    line-height: 26px;
    background: url(../images/png_white40per.png);

---

针对您的新问题-文本现在位于顶部而不是底部-更改锚元素的高度

，并在顶部添加一些

填充

：

/* superfish.css line 59 */
.sf-menu a {
    color:#DDDDDD;
    text-indent:7px;
    height:         50px; /* ADDED */
    padding-top:            35px; /* ADDED */
}
/* superfish.css line 78 */
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
    color:          #DDD;
    height:         50px; /* CHANGED */
    background:     url(../images/menu/menuitem-mo.png);
    padding-top:            35px; /* ADDED */
}

。。。如果无法编辑

superfish.css

请在其他地方添加类似于此的规则：

#site-content .sf-menu li a {
    height:         50px;
    padding-top:            35px;
}

---

PS请更新问题正文以反映问题中的变化；）

针对您的新问题-文本现在位于顶部而不是底部-更改锚元素的高度

，并添加一些

填充顶部

：

/* superfish.css line 59 */
.sf-menu a {
    color:#DDDDDD;
    text-indent:7px;
    height:         50px; /* ADDED */
    padding-top:            35px; /* ADDED */
}
/* superfish.css line 78 */
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
    color:          #DDD;
    height:         50px; /* CHANGED */
    background:     url(../images/menu/menuitem-mo.png);
    padding-top:            35px; /* ADDED */
}

。。。如果无法编辑

superfish.css

请在其他地方添加类似于此的规则：

#site-content .sf-menu li a {
    height:         50px;
    padding-top:            35px;
}

---

PS请更新问题正文以反映问题中的变化；）

Firefox的扩展应该可以让您看到继承的样式来自何处这将防止菜单中的文本位于底部。非常感谢！线条高度属性是我问题的根源。。。我用“line=”代替了它们，解决了这个问题。但是现在我有一个问题，所有的文本总是在元素的顶部对齐。valign不起作用，我看不到任何其他方法将文本移动到底部/中间。不应该垂直对齐：底部；收到了吗？不知何故，文本根本不响应垂直对齐：（Firefox的扩展应该可以让您看到继承的样式来自何处。

行高：85px；

这将防止菜单中的文本位于底部。非常感谢！行高属性是我问题的根源……我通过将它们替换为“行=”解决了这个问题.但是现在我有一个问题，就是所有文本总是在元素的顶部对齐。valign不起作用，而且我看不到任何其他方法可以将文本移动到底部/中间。不应该垂直对齐：底部；是否接受此操作？不知怎的，文本根本不响应垂直对齐。：（谢谢，我会立即尝试！）关于你的PS：删除旧问题并替换为新问题在这里很常见，还是我应该在上面添加新问题？对不起，我真的很喜欢这个网站的工作方式，但我是新来的，仍然需要弄清楚什么是最佳使用标准。@j00ls-通常，问一个新问题是比较传统的方式s、 但是因为我回答了你的“新”问题…我不确定。谢谢，我不能只是复制粘贴，需要做一些更多的更改，但我得到了大致的想法。我让身高和填充物按照他们应该的方式一起工作。：@j00ls-嘿，我感谢你接受的答案，我问这个问题有点粗鲁，但你能给我一个+1吗？我有足够的代表感到满意，但我希望得到一个-我需要+1，而不是被接受的答案。不过这是你的电话：）谢谢，我马上就去试试！：）关于你的问题：删除旧问题并替换为新问题是常见的，还是我应该把新问题加在上面？对不起，我真的很喜欢这个网站的工作方式，但我是新来的，仍然需要弄清楚什么是最佳使用标准。@j00ls-通常，问一个新问题是比较传统的方式。但既然我回答了你的“新”问题。。。我不确定。谢谢，我不能只是复制粘贴，还需要一些修改，但我知道了大概的意思。我让身高和填充物一起工作，现在他们应该这样工作。：）@j00ls-嘿，我很感激你接受我的回答，我这样问有点粗鲁，但是你能给我一个+1吗？我有足够的代表感到满意，但我希望得到一个-我需要+1，而不是被接受的答案。这是你的决定：）