Question

您好我有一个标题，我正在努力工作，我只是让菜单正常工作，但现在我无法正常工作。

标题位于www.g-evo.com/header.php，我想要做的是将灰色缩小一点，使其与徽标更加齐平。我仍然希望将这些彩色盒子保留在白色中。

CSS看起来像这样：

<style type="text/css">
#header-container {
    /* centering for IE */
    text-align: center;

}
#menu {
    width: 950px;

    /* centering for other browsers */
    margin: auto;
}
#logo {
    width: 950px;
    /* undo text-align on container */
    text-align: left;
    /* centering for other browsers */
    margin: auto;
    border-style:hidden;
    border-width: thick;
}
body {
    width: 950px;

    /* undo text-align on container */
    text-align: center;
    /* centering for other browsers */
    margin: auto;

}

#headercolor {
    background-color:#EEEEEE;
}



</style>

谢谢

Answer 1

我认为这实际上是你的HTML标记问题，而不是你的CSS。您有两个#logo div（作为旁注，每页只能使用一次ID ），其中第二个会导致您所指的额外灰色空间。

您应该将/header_media/GTextured.png和/header_media/shapeimage.png放在同一个div中，并将它们彼此对齐，这样可以解决您的问题。

Answer 2

对于初学者，你在同一页面上的两个不同的项目上使用“logo”ID ...这是不正确的，因为每个元素的ID属性应该是唯一的。

另一方面，我真的不明白你想要什么，但如果只是为了让菜单更接近徽标，我会添加一个类或更改第二个div的ID与徽标ID并将其设置为20px左右的高度。

标题背景颜色和大小

2 个答案: