цвет и размер заголовка фона

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

Для начала вы используете идентификатор "логотипа" для двух разных элементов на одной странице ... это не правильно, поскольку атрибут ID должен быть уникальным для каждого элемента.

С другой стороныЯ не совсем понимаю, что вы хотите, но если это просто, чтобы немного приблизить меню к логотипу, я бы добавил класс или изменил идентификатор для второго div с идентификатором логотипа и установил бы его высоту20 пикселей или около того ..

Answer 2

Я полагаю, что это на самом деле вопрос разметки HTML, а не CSS. У вас есть два #logo деления ( в качестве примечания, вы должны использовать каждый идентификатор только один раз на страницу ), второе из которых вызывает дополнительное серое пространство, на которое вы ссылаетесь.

Вы должны поместить /header_media/GTextured.png и /header_media/shapeimage.png в один и тот же div и расположить их рядом друг с другом, что должно решить вашу проблему.