• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Дублируется шапка сайта
Milena4646
Сообщений: 11
Репутация: 0

Сообщение # 1 | 03:46:43
Как устранить дубликацию в шапке сайта?

http://perfectprofit.at.ua/
brizing
Разработчик
Сообщений: 2556
Репутация: 1091

Сообщение # 2 | 09:10:08
Вместо этого:
Цитата
<table class="topBorder" border="0" cellpadding="0" cellspacing="0" width="100%" height="140" align="center">
<tbody><tr><td bgcolor="#03276E" background="/nm/311.png" no-repeat="" <="" td=""></td></tr>
</tbody></table>

Пишите так:
Цитата
<div class="topBorder"></div>


А в таблице стилей css на строке 29 вместо этого:
Цитата
.topBorder {
border-left: 1px solid #A9B8C2;
border-right: 1px solid #A9B8C2;
}

Пишите это:
Цитата
.topBorder {
border-left: 1px solid #A9B8C2;
border-right: 1px solid #A9B8C2;
width: 100%;
height: 123px;
background: url(http://perfectprofit.at.ua/nm/311.png) repeat-x;
}

Читайте книги role.su - Rolesu Authors Workshop.
Milena4646
Сообщений: 11
Репутация: 0

Сообщение # 3 | 19:06:52
После данных действий,вообще шапка не показывается.

Добавлено (25 Сен 2013, 19:06:52)
---------------------------------------------
Актуально

brizing
Разработчик
Сообщений: 2556
Репутация: 1091

Сообщение # 4 | 19:52:37
Ясно, можно исправить.

Вместо этого:
Цитата
<div class="topBorder"></div>

Вот это:
Цитата
<div class="topImage"></div>


А вместо этого:
Цитата
.topBorder {
border-left: 1px solid #A9B8C2;
border-right: 1px solid #A9B8C2;
width: 100%;
height: 123px;
background: url(http://perfectprofit.at.ua/nm/311.png) repeat-x;
}

Вот это:
Цитата
.topBorder {
border-left: 1px solid #A9B8C2;
border-right: 1px solid #A9B8C2;
}
.topImage {
width: 100%;
height: 123px;
background: url(http://perfectprofit.at.ua/nm/311.png) repeat-x;
}

Читайте книги role.su - Rolesu Authors Workshop.
Milena4646
Сообщений: 11
Репутация: 0

Сообщение # 5 | 21:46:52
А разве вместо
Цитата
background: url(http://perfectprofit.at.ua/nm/311.png) repeat-x;

не должно быть так?
Цитата
background: url(http://perfectprofit.at.ua/nm/311.png) no-repeat;


с repeat-x дублируется
исправила на ноу-репит и стало все окей

Добавлено (25 Сен 2013, 21:46:52)
---------------------------------------------
Спасибо за код)

brizing
Разработчик
Сообщений: 2556
Репутация: 1091

Сообщение # 6 | 21:49:30
Цитата (Milena4646)
Как устранить дубликацию в шапке сайта?

Разве это не значит повторение по оси X?

Читайте книги role.su - Rolesu Authors Workshop.
Milena4646
Сообщений: 11
Репутация: 0

Сообщение # 7 | 00:28:21
Дублировалось по оси Х и это нужно было убрать,т.к. какой смысл дублировать логотип? это же не фон.

Добавлено (26 Сен 2013, 00:28:21)
---------------------------------------------
А еще вопрос - как централизировать лого в шапке? чтоб при любом разрешении лого всегда было по центру

Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 8 | 00:32:38
Milena4646, Я удивляюсь, и помощь после этого подавай...
Прикрепления: 5742734.jpg (17.2 Kb)
Milena4646
Сообщений: 11
Репутация: 0

Сообщение # 9 | 00:36:12
Ljubasha, затем тебе видеть сайт? тэг центрирования в CSS на всех сайтах одинаков.
Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 10 | 00:38:12
Цитата (Milena4646)
тэг центрирования в CSS на всех сайтах одинаков.
Да? align="center", пользуемся и радуемся...
Milena4646
Сообщений: 11
Репутация: 0

Сообщение # 11 | 00:43:07
Цитата
align="center"

В CSS? wink
Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 12 | 00:44:18
Цитата (Milena4646)
тэг центрирования в CSS на всех сайтах одинаков.
Такого "тега" в ксс нет.
Сообщение отредактировал Ljubasha - Четверг, 26 Сен 2013, 00:45:14
Milena4646
Сообщений: 11
Репутация: 0

Сообщение # 13 | 00:50:34
Проблема решена.

Если у кого похожие вопросы - то тэг выравнивания в CSS - margin
Например - margin:auto;
Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 14 | 00:56:45
Цитата (Milena4646)
то тэг выравнивания в CSS - margin
Нет, это отступ от блока до соседнего блока, не вводите людей в заблуждение, а авто, при заданной ширине, просто выравнивает блок относительно браузера.
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!