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



 

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

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

Открыть тему
Тема закрыта
> "последовательность" блочная верстка
BoL4oNoK
BoL4oNoK
Topic Starter сообщение 9.7.2011, 23:15; Ответить: BoL4oNoK
Сообщение #1


Вечер добрый. Помогите решить траблу.
Есть код:
CSS
[CSS]
#main {
background-color: #2C62BC;
height: auto;
}

#lblock {
background-image: url(../images/bottom-menu.jpg);
max-width:204px;
min-width:204px;
float:left;
}

#mblock {
background-image: url(../images/bottom-menu.jpg);
height: 40px;
width: 204px;
}

#menu {
background-image: url(../images/button.jpg);
height:28px;
width:204px;
}

#menu a {
width:160px;
margin-left:26px;
/* height:28px;*/
color: #FFFFFF;
font-weight: bold;
}

#content {
background-color: white;
margin-left: 204px;
font-size:12px;
font-family:"Times New Roman", Times, serif;
}


#links {
position: relative;
}

#footer {
text-align: left;
}
[/CSS]

HTML:
<div class="main" id="main">
<!-- Left Block-->
<div class="lblock" id="lblock">
<div class="mblock" id="mblock">
<div class="menu" id="menu"><a href="Test">Test</a> </div>
<div class="menu" id="menu"><a href="Test">Test 2</a> </div>
<div class="menu" id="menu"><a href="Test">Test 3</a> </div>
</div>
</div>

<!-- Page content-->
<div class="content" id="content">
{page_content}
</div>
</div>

<!-- Links -->
<div class="links" id="links">
{links}
</div>

<!-- Footer -->
<div class="footer" id="footer">
{footer}
</div>


однако вылазит все так:
[attachment=37994:HAVE.JPG]

Как сделать блоки LINKS и FOOTER внизу, чтобы они не залазили на блок MAIN?
И может подскажете более "человеческий" код?)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BoL4oNoK
BoL4oNoK
Topic Starter сообщение 10.7.2011, 1:45; Ответить: BoL4oNoK
Сообщение #2


и как правильно сделать так:
[attachment=37995:NEED.JPG]

Получается только с таким кодом:
<div class="menu" id="menu"><a href="Test">Test</a> </div>
<div class="menu" id="menu"><a href="Test">Test 2</a> </div>
<div class="menu" id="menu"><a href="Test">Test 3</a> </div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 10.7.2011, 1:58; Ответить: Webmaster_hb
Сообщение #3


BoL4oNoK, для main задайте

overflow:hidden
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 10.7.2011, 2:28; Ответить: Den1xxx
Сообщение #4


И здесь тоже траблы:
<div class="menu" id="menu"><a href="Test">Test</a> </div>
<div class="menu" id="menu"><a href="Test">Test 2</a> </div>
<div class="menu" id="menu"><a href="Test">Test 3</a> </div>


id="menu" может быть только один, id это уникальный идентификатор.
Совершенно не обязательно каждый раз задавать id, если у элемента уже есть class.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
12 Tia2 1519 25.3.2024, 6:54
автор: Skyworker
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
10 Chekon 3578 24.3.2024, 14:15
автор: Chekon
Открытая тема (нет новых ответов) ⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐
12 Chekon 3809 24.3.2024, 13:56
автор: Chekon
Опрос (нет новых голосов) Опрос: Результаты в упражнении "Жим лёжа" у вэбмастеров
35 Room 4464 13.3.2024, 13:10
автор: Room
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 91646 11.3.2024, 19:59
автор: anchous


 



RSS Текстовая версия Сейчас: 28.3.2024, 17:35
Дизайн