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



 

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

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

4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
> Как осуществить задумку ?(есть картинка (макет))
planetary
planetary
Topic Starter сообщение 9.6.2011, 15:04; Ответить: planetary
Сообщение #1


Привет всем, кто читает эту тему, очень долго мучаюсь с дивной версткой и ни к чему не прихожу :wacko:
Я нарисовал макет ,который мне нужен на рисунке ниже, Пожалуйста помогите. Буду очень благодарен, если напишите код для этого макета.
[IMG]http://www.html.by/attachment.php?attachmentid=2969&d=1307620452[/IMG]

PS: там где указаны пикселы, блоки должны быть фиксированными, резиновая только шапка и центр, который должен занимать все оставшиеся пространство
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 9.6.2011, 15:25; Ответить: alexdrob
Сообщение #2


<style>
#header { background-color: #ff0000;}
#col_l_36 { float: left; width: 36px; background-color: #00ff00;}
#col_l_21 { float: left; width: 21px; background-color: #0000ff;}
#col_l_343 { float: left; width: 343px; background-color: #00ffff;}
#main { margin: 0 66px 0 400px; background-color: #ffffff;}
#col_r_30 { float: right; width: 30px; background-color: #ff00ff;}
#col_r_36 { float: right; width: 36px; background-color: #ffff00;}
</style>
<div id="header">1</div>
<div id="col_l_36">2</div>
<div id="col_l_21">3</div>
<div id="col_l_343">4</div>
<div id="col_r_36">7</div>
<div id="col_r_30">6</div>
<div id="main">5</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
planetary
planetary
Topic Starter сообщение 9.6.2011, 15:58; Ответить: planetary
Сообщение #3


Спасибо большое, а можно сделать чтобы при увеличении масштаба блоки не смещались и чтобы блок main был всегда не меньше 400px?
Я тут дорисовал полностью картину, чтобы посмотреть в чем у меня ошибка, при увеличении масштаба все время какой-нибудь блок "перепрыгнет" (
Если не трудно доверстайте пожалуйста
[IMG]http://www.html.by/attachment.php?attachmentid=2969&d=1307620452[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lensoy
lensoy
сообщение 9.6.2011, 16:45; Ответить: lensoy
Сообщение #4


<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="100%" colspan="6" style="background-color: #0000ff;">0</td></tr>
<tr><td width="36" style=" background-color: #ff0000;">1</td>
<td width="21" style="background-color: #00ff00;">2</td>
<td width="343" style="background-color: #00ffff;">3</td>
<td style="min-width:400">main</td>
<td width="30" style="background-color: #ff00ff;">4</td>
<td width="36" style="background-color: #ffff00;">5</td>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
planetary
planetary
Topic Starter сообщение 9.6.2011, 16:53; Ответить: planetary
Сообщение #5


Спасибо, но мне блоками нужно=)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lensoy
lensoy
сообщение 9.6.2011, 17:10; Ответить: lensoy
Сообщение #6


(planetary @ 9.6.2011, 19:53) *
Спасибо, но мне блоками нужно=)

Ну, а в чем принцип?
Блоки они на то и блоки, что не связаны между собой, и первое что будут делать, это налезать друг на друга.
А таблица нет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
planetary
planetary
Topic Starter сообщение 9.6.2011, 17:16; Ответить: planetary
Сообщение #7


я видел много сайтов где блоки друг на друга не налезают при увеличении масштаба
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lensoy
lensoy
сообщение 9.6.2011, 17:23; Ответить: lensoy
Сообщение #8


Беспорно можно сделать, что не налезали. Просто не пойму такое рвение к блокам.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
planetary
planetary
Topic Starter сообщение 9.6.2011, 17:26; Ответить: planetary
Сообщение #9


Блоки грузятся быстрее и по-моему это более профессиональный вид верстки. Вы думаете лучше табличная верстка? в блочной верстке еще наверное больше возможностей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lensoy
lensoy
сообщение 9.6.2011, 17:36; Ответить: lensoy
Сообщение #10


Я думаю, что нужно использовать такой код, который максимально удобный в данной ситуации.
Если я могу что-то сделать с помощью таблицы, но div более "проффесиональный" способ, то я не буду несколько дней колосить просторы интернета, чтобы сделать тоже самое с помощью блоков. Время не резиновое.


(planetary @ 9.6.2011, 20:26) *
Блоки грузятся быстрее

LOL [IMG]http://i.imgur.com/VVamM.jpg[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Есть быстрый интернет 1Gb/s Что посоветуете?
Какие варианты заработка есть с быстрым оптоволокном сегодня?
0 Jast1 92 Сегодня, 1:34
автор: Jast1
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
2 Boymaster 719 24.4.2024, 17:52
автор: Boymaster
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
151 adw-kupon.ru 19905 23.4.2024, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
20 uahomka 3483 23.4.2024, 11:54
автор: Skyworker
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
30 freeax 5047 20.4.2024, 16:49
автор: Liudmila


 



RSS Текстовая версия Сейчас: 26.4.2024, 2:52
Дизайн