PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

Помогите сверстать

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

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

Описание: Помогите сверстать

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

Данил Банаев	Отправлено: 27 Апреля, 2012 - 11:36:26
Новичок Покинул форум Сообщений всего: 55 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	Здравствуйте. Подскажите как правельней сверстать страницу. Каждая категория это div, в не плавающий div'ы в которых калонка и 3 параграфа. Пробовал много раз постояно все вываливается не туда. Прикреплено изображение (Нажмите для увеличения)

Alho	Отправлено: 27 Апреля, 2012 - 11:39:45
Посетитель Покинул форум Сообщений всего: 322 Дата рег-ции: Апр. 2012 Помог: 11 раз(а)	htmlbook.ru или к фрилансеру. Хотите помощи, вы можете выложить код сверстанной страницы - тогда может быть вам укажут на явные ошибки.

Данил Банаев	Отправлено: 27 Апреля, 2012 - 11:50:37
Новичок Покинул форум Сообщений всего: 55 Дата рег-ции: Авг. 2011 Помог: 0 раз(а)	Alho пишет: htmlbook.ru или к фрилансеру. Хотите помощи, вы можете выложить код сверстанной страницы - тогда может быть вам укажут на явные ошибки. CODE (html): скопировать код в буфер обмена <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link type="text/css" rel="stylesheet" href="style.css"> <title>Доска объявлений</title> </head> <body> <div id="main"> <div id="header">Header</div> <div id="menu">Регистрация/войти</div> <div id="content"> <div class="block"> <p class="title">Недвижимость</p> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div class="fake"></div> </div> <div class="block"> <p class="title">Авто</p> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div class="fake"></div> </div> <div class="block"> <p class="title">Авто</p> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div> <img src="#"> <p>tilte</p> <p>user</p> <p>price</p> </div> <div class="fake"></div> </div> </div> <div id="footer"> <a href="#">Отзывы </a> <a href="#">О Нас </a> <a href="#">Правила </a> <a href="#">Подписка</a> </div> </div> </body> </html> CODE (html): скопировать код в буфер обмена html{ font:16px sans-serif; background:#fff; } body{ margin:0; } a{ text-decoration:none; } #main{ margin:auto; width:1000px; background:#fff; } #header{ height:150px; background:#3CC; } #menu{ height:30px; background:#666; } #footer{ height:30px; background:#3CC; text-align:center; clear:both; } img{ width:100px; height:100px; margin-right:20px; } .title{ border-bottom:1px solid #000; } .block div{ float:left; }

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

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

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

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

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