PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

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

( Вход · Регистрация · Правила форума )

Забыли пароль?

Как заверстать такой блок?

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Franchesko	Отправлено: 26 Февраля, 2013 - 14:51:02
Гость Покинул форум Сообщений всего: 74 Дата рег-ции: Окт. 2011 Откуда: Армавир Помог: 2 раз(а)	Есть список товара (черные квадраты) и есть сайдбар (красный квадрат) как заверстать сие чудо, чтоп бы список обтикал сайд бар со всех стороН, через флоат не получается Спасибо!!

DlTA	Отправлено: 26 Февраля, 2013 - 15:00:20
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	как то так (Отобразить) CODE (html): скопировать код в буфер обмена <style> { margin:5px; } .a{ width:100px; height:100px; border:1px solid black; float:right; } .b{ width:100px; height:200px; border:1px solid red; float:right; } .c{ width:350px; height:300px; } </style> <div class="c"> <div class="a">1</div> <div class="a">2</div> <div class="a">3</div> <div class="b">4</div> <div class="a">5</div> <div class="a">6</div> <div class="a">7</div> <div class="a">8</div> <div class="a">9</div> <div class="a">10</div> <div class="a">11</div> </div> (Добавление)* вариант 2 (Отобразить) CODE (html): скопировать код в буфер обмена <style> { margin:5px; } .a{ width:100px; height:100px; border:1px solid black; float:left; } .b{ width:100px; height:213px; border:1px solid red; float:right; } .c{ width:337px; height:300px; } </style> <div class="c"> <div class="a">1</div> <div class="a">2</div> <div class="a">3</div> <div class="b">4</div> <div class="a">5</div> <div class="a">6</div> <div class="a">7</div> <div class="a">8</div> <div class="a">9</div> <div class="a">10</div> <div class="a">11</div> </div> (Отредактировано автором: 26 Февраля, 2013 - 15:03:23)*

Franchesko	Отправлено: 26 Февраля, 2013 - 15:07:50
Гость Покинул форум Сообщений всего: 74 Дата рег-ции: Окт. 2011 Откуда: Армавир Помог: 2 раз(а)	А при разработке сайта уже, это задача программиста будет всунуть сайдбар после 3го элемента?

DlTA	Отправлено: 26 Февраля, 2013 - 15:14:32
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	Franchesko пишет: А при разработке сайта уже, это задача программиста будет всунуть сайдбар после 3го элемента? вообщет это работа верстальщика

imya	Отправлено: 26 Февраля, 2013 - 15:18:33
Участник Покинул форум Сообщений всего: 1472 Дата рег-ции: Сент. 2012 Откуда: Запорожье, Украина Помог: 19 раз(а)	DlTA пишет: вообщет это работа верстальщика В небольших ЧП программист и верстает и программирует и т.д. ...) ----- PHP: скопировать код в буфер обмена do {box != cat;} while (cat != box); Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...

DlTA	Отправлено: 26 Февраля, 2013 - 15:22:41
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	imya пишет: В небольших ЧП программист и верстает и программирует и т.д. ...) эт называется сидит на двух должностях, но речь не об этом.

Franchesko	Отправлено: 26 Февраля, 2013 - 15:27:01
Гость Покинул форум Сообщений всего: 74 Дата рег-ции: Окт. 2011 Откуда: Армавир Помог: 2 раз(а)	DlTA пишет: Franchesko пишет: А при разработке сайта уже, это задача программиста будет всунуть сайдбар после 3го элемента? вообщет это работа верстальщика использовать insertAfter() ? Я просто такого раньше не делал

kravitz	Отправлено: 28 Февраля, 2013 - 20:21:08
Новичок Покинул форум Сообщений всего: 3 Дата рег-ции: Февр. 2013 Откуда: Russia, Moscow Помог: 0 раз(а)	А разве через Float не получится.. У меня вроде получается...

armancho7777777	Отправлено: 28 Февраля, 2013 - 22:34:09
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Franchesko пишет: всунуть сайдбар после 3го элемента? Размеры должны быть фиксированными, с точным соотношением между собой. И тогда не надо будет ничего никуда пихать, а sidebar будет 4-ым по счёту. И ешё одно но: общее количество блоков должно быть ни менее 8-ми (а лучше 11-ти), а то будет выглядеть не очень )

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.