Некорректно отображается шапка сайта, как исправить?

голоса: 0
Какой то глюк с картинкой. Подскажите пожалуйста как избавиться.
Адрес сайта http://kladovaya196.ucoz.org/
| Автор: | Категория: Дизайн сайта

Ответов: 2

голоса: 0

Перейдите в глобальный блок верхняя часть сайта - http://kladovaya196.ucoz.org/panel/?a=tmpl;m=1;t=AHEADER в правом верхнем уголке нажмите кнопку Восстановить стандартный шаблон.

| Автор:
голоса: 0

Перейдите на страницу

http://kladovaya196.ucoz.org/panel/?a=tmpl;m=1;t=AHEADER

или

http://kladovaya196.ucoz.org/tmpls/?a=tmpl;m=1;t=AHEADER

Найдите сочетанием клавиш Ctrl+F строку

<img src="/.s/t/981/1.jpg" border="0"> и пропишите тегу аттрибут style="vertical-align: bottom;"

В результате получите такую строку

<img src="/.s/t/981/1.jpg" border="0" style="vertical-align: bottom;">

Далее так же находим

<td height="190" style="background:url('/.s/t/981/2.jpg');padding-left:10px;padding-bottom:50px;">

и заменяем на

<td height="190" style="background:url('/.s/t/981/2.jpg') no-repeat; box-sizing: border-box; padding-left:10px;padding-bottom:50px;">

На этом всё. Сохраняем и перезагружаем главную страницу сайта.

Если интересно почему всё поехало, то поясняю:

1. Все img по умолчанию выравниваются по базовой линии текста, потому осталось немного места под изображением. Лечится это либо вертикальным выравниваем, либо через display: block;

2. Если вы меняли стили блока <td height="190" style="background... > то, наверное, заметили, что у фона не указано, что он не должен повторяться, ибо по умолчанию он повторяется по вертикали и горизонтали. Так же, т.к. добавлены padding'и, но не указан border-box, то к ожидаемой высоте блока добавилось значение 50px (из padding-bottom:50px). Для нужного вам просчёта высоты был указан border-box, который будет учитывать padding-bottom:50px

| Автор:
...