Подскажите новичку в <h1>

[Kib8888]

В одной из моих тем, мне объяснили, что тег <h1> должен присутствовать на главной в 1 экземпляре. Но у меня по умолчанию, он обводит все названия в блоках, а когда я его убираю или меняю на <h4>(к примеру), то вместе с <h1> пропадает и фон в названиях блоков. Как мне избежать это пропадание? Где, что нужно прописать, или дописать? http://svistuny.ru/

[remind4me]

Для тэга H4 в таблице стилей отредактируйте тэг H1 (для id #news-center, в файле style.css), т.е. добавьте к тому, что есть, то, что отмечено красным

#news-center h1, h4 {
    background-color: #696371;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    margin: -5px 0 5px 2px;
    padding: 6px 0 6px 9px;
    text-align: left;
    text-decoration: underline;
    width: 486px;
}

[Kib8888]

Для тэга H4 в таблице стилей отредактируйте тэг H1 (для id #news-center, в файле style.css), т.е. добавьте к тому, что есть, то, что отмечено красным

#news-center h1, h4 {
    background-color: #696371;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    margin: -5px 0 5px 2px;
    padding: 6px 0 6px 9px;
    text-align: left;
    text-decoration: underline;
    width: 486px;
}

большое спасибо, а для заголовков блоков, что вы посоветуете? <h2>-<h6>

[remind4me]

большое спасибо, а для заголовков блоков, что вы посоветуете? <h2>-<h6>

Да это не столь важно, просто сделайте так, чтобы для заголовков новостей и заголовков блоков были разные тэги H2...H4 (только естественно НЕ H1)

[ewdokimow]

Если я правильно понимаю ваш вопрос, вы хотите убрать тег `<h1>` с главной страницы, но при этом сохранить фон в названиях блоков.

Если у вас фон пропадает вместе с тегом `<h1>`, возможно это связано с примененными стилями CSS. Чтобы избежать этого, я рекомендую вам добавить класс к блокам, которые содержат названия, и применить к этому классу необходимые стили для фона. Например:

HTML:
```
<div class="block">
  <h4>Название блока</h4>
</div>
```

CSS:
```
.block {
  background-color: #f0f0f0; /* здесь можно указать нужный цвет фона */
}
```

Теперь вы можете удалить тег `<h1>` с главной страницы, и фон в названиях блоков останется сохраненным благодаря примененным стилям CSS.

[Kib8888]

Да это не столь важно, просто сделайте так, чтобы для заголовков новостей и заголовков блоков были разные тэги H2...H4 (только естественно НЕ H1)

хорошо, а сопутствующих ошибок по пути не обнаружили в коде?

[remind4me]

хорошо, а сопутствующих ошибок по пути не обнаружили в коде?

На детальный анализ у меня сейчас времени нет, но вы сами можете проверить валидность кода сервисом http://validator.w3.org/

[Kib8888]

Kib8888, у вас на http://svistuny.ru/ выводится 7 h1 (h1 должен быть 1, выводите анонсы в h2). И кажется Вы уже по этому сайту ветку открывали.

да, но там была тема про оценку, и в той ветке, я спрашивал и у вас по пути, как мне исправить <h1>. но не от кого ответа не последовало. и был поменян дизайн на более сдержанный.
Добавлено: 25-07-2012, 15:32:58

На детальный анализ у меня сейчас времени нет, но вы сами можете проверить валидность кода сервисом http://validator.w3.org/

сейчас сделал, как вы говорили, и полетел шаблон. Также пробовал просто заменить h1 на  h4, но результат предыдущий, шаблон стоит ровно, но без футора в названиях блоков.

[remind4me]

сейчас сделал, как вы говорили, и полетел шаблон. Также пробовал просто заменить h1 на  h4, но результат предыдущий, шаблон стоит ровно, но без футора в названиях блоков.

Все верно, ведь там уже другой стиль с id #block-left-center, так вот добавьте в этот стиль еще тэг h4 (красным выделено):

#block-left-center h1, h4 {
    background-color: #2F9DFF;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 0;
    text-align: center;
    text-decoration: underline;
    width: 229px;
}

Ну а для крайней правой колонки уже будет

#block-right-center h1,h4 {
    background-color: #696371;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 0;
    text-align: center;
    text-decoration: underline;
    width: 219px;
}

[Kib8888]

Все верно, ведь там уже другой стиль с id #block-left-center, так вот добавьте в этот стиль еще тэг h4 (красным выделено):

#block-left-center h1, h4 {
    background-color: #2F9DFF;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 0;
    text-align: center;
    text-decoration: underline;
    width: 229px;
}

Ну а для крайней правой колонки уже будет

#block-right-center h1,h4 {
    background-color: #696371;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 0;
    text-align: center;
    text-decoration: underline;
    width: 219px;
}

Ещё раз спасибо за навигацию. Всё встало почти изумительно, есть маленький отпуск между футором и верхней шапкой блоков(пробел целостности в пару миллиметр). но мне кажется, что это не портит картинку