Блочная вёрстка - SEO форум MaulTalk.com

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Блочная вёрстка

Опции

a2kat

Topic Starter сообщение

20.7.2010, 17:47; Ответить: a2kat

Сообщение #1

Группа: User
Сообщений: 30
Регистрация: 31.3.2010
Поблагодарили: 0 раз
Репутация:

Добрый вечер.

Столкнулся с небольшой проблемкой по блочной вёрстке.Дивом создан фон под шапку сайта с меню.Нужен отступ от верхнего контура фона, но он не работает...следывательно есть какая-то ошибка...но какая?Подскажите пожалуйста.

<html>
<head>
<title></title>

<style type="text/css">

.menu{margin:0;padding:0;font:bold 13px Arial;width:678px;height:30px;border:1 solid white;background:url(menublack.gif) center center repeat-x;}

.menu li{display:inline}

.menu li a{float:left;color:white;padding:7px 11px;text-decoration:none;border-right:1 dotted white}

.menu li a:visited{color:white}

.menu li a:hover, .menu li .current{color:white;background:transparent url(menured.gif) center center repeat-x}

.logo{margin-top:10px;width:680px;height:200px;background:url(shapka.png)}

.fon1{width:740px;height:260px;background:url(fon1.png);margin-top:40px}

</style>

</head>
<body bgcolor=black link=grey alink=grey vlink=grey>
<center>
<div class="fon1">
<div class="logo"></div>
<ul class="menu">
<li><a href="home.html" title="" class="current"></a></li>
<li><a href="forum.html" title="">и</a></li>
<li><a href="photo.html" title=""></a></li>
<li><a href="reklama.html" title=""></a></li>
</ul></div>
</body>
</html>

Ответить с цитированием данного сообщения

aaiirriiss aaiirriiss 20.7.2010, 22:56; Сообщений: 23 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	20.7.2010, 22:56; Ответить: aaiirriiss Сообщение #2
0 Группа: User Сообщений: 23 Регистрация: 15.7.2010 Поблагодарили: 0 раз Репутация: 0	Если я все правильно поняла, то мы имеем дело с margin collapsing, т.е схлопывание родительского и дочернего маржина по высоте у блоков. Эту проблему можно решить, например, добавив в .fon1{overflow:hidden;}

aaiirriiss aaiirriiss 20.7.2010, 23:00; Сообщений: 23 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	20.7.2010, 23:00; Ответить: aaiirriiss Сообщение #3
0 Группа: User Сообщений: 23 Регистрация: 15.7.2010 Поблагодарили: 0 раз Репутация: 0	так же родительскому блоку можно добавить бордер или паддинг.

a2kat

Topic Starter сообщение

21.7.2010, 11:23; Ответить: a2kat

Сообщение #4

Группа: User
Сообщений: 30
Регистрация: 31.3.2010
Поблагодарили: 0 раз
Репутация:

Большое спасибо

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ	0	bunneh	274	16.4.2024, 18:02 автор: bunneh
Вёрстка HTML-писем	30	Vampler	29346	27.3.2024, 12:41 автор: Vampler
Вёрстка лендинга + адаптивность Ищу исполнителя. Сверстать макет из PSD	4	zik	2191	2.8.2022, 16:56 автор: zik
Дизайн любой сложности и вёрстка под любую CMS	14	IT_alien	4521	15.2.2021, 18:16 автор: IT_alien
Дизайн любой сложности и вёрстка под любую CMS	0	IT_alien	1113	6.10.2020, 22:12 автор: IT_alien

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 18.4.2024, 10:39

Дизайн