 Как сверстать такой макет?, float + список |
| веб-мастеру | Услуги SEO | Статьи Веб-Мастера | Доменные имена | SEO Tools | whois | книги веб-мастеру |
Здравствуйте, гость ( Вход | Регистрация )
  |
| Александр Шмуратко |
 26.4.2011, 23:35
Сообщение
#1
|
|
Прохожий  Группа: Пользователи Сообщений: 1 Регистрация: 26.4.2011 Пользователь №: 4 748  |
Здравствуйте!
Кто-нибудь подскажет, как сверстать этот вроде бы простой макет?  Т. е. обтекание + список с такими отбивками? |
   |
 
|
| sa†ana |
29.4.2011, 16:36
Сообщение
#2
|
 Продвинутый Группа: Супер Модераторы Сообщений: 232 Регистрация: 11.5.2007 Из: World Wide Web Пользователь №: 81 |
Таблицами проще будет
-------------------- |
|
|
|
| WebMaster |
29.4.2011, 23:01
Сообщение
#3
|
 Новичок Группа: Пользователи Сообщений: 7 Регистрация: 30.12.2010 Из: Россия, Барнаул Пользователь №: 4 261 |
Можно все сделать параграфами если угодно. CSS стиль только для каждого прописать и все. Ну и разбить на целевые блоки (шапка, контент, подвал) с помощью DIV+CSS. Очень просто сверстать... Такс. Если чего не понятно - пиши чего не понятно....
-------------------- |
|
|
|
| oskolkov |
15.6.2011, 14:44
Сообщение
#4
|
|
Прохожий Группа: Пользователи Сообщений: 2 Регистрация: 14.6.2011 Пользователь №: 4 929 |
Нахер параграфы и "очень просто сверстать"
Не изобретай велосипед, который уже давно изобрели <img title="" alt="" src="http://www.glagolspb.ru/1/maket.jpg" style="float: left;"> <dl> <dt>2001</dt> <dd>текст текст текст текст текст текст текст текст текст текст </dd> <dt>2002</dt> <dd>текст текст текст текст текст текст текст текст текст текст </dd> <dt>2003</dt> <dd>текст текст текст текст текст текст текст текст текст текст </dd> <dt>2004</dt> <dd>текст текст текст текст текст текст текст текст текст текст </dd> </dl> учите матчасть и будет вам счастье. http://htmlbook.ru/html/dd -------------------- Делаем качественные сайты becreative.ru/
|
|
|
|
 |
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 18.5.2012, 5:45 |
Русская версия Invision Power Board
v2.1.7 © 2012 IPS, Inc.