[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Вёрстка
Страницы: 1, 2
Миша
Почти все модули готовы, осталось сделать только Панель Администратора, со всякими плюшками. И уже надо верстать, придумать дизайн и т.д. Это для меня самое сложное.

Нужно сделать быстро, потом возможно буду переделывать на адаптивную вёрстку. Думаю как сделать:

таблицу, где чётко выделить каркас - шапки, тела и подвала, а внутри дивы или как?

_____________
Принимаю заказы, писать в ЛС
AllesKlar
Цитата
Почти все модули готовы, осталось сделать только Панель Администратора

:D Это как аз и будет 90% работы.

Таблицами НЕ ВЕРСТАТЬ однозначно.
Не потому что это устарело, а потому что замучаешься потом "двигать" элементы по ячейкм.
<div id='wraper'>
<div
id='main_menu'>....</div>
<div
id='left_menu'>... </div>
<div
id='content'>....</div>
</div>



_____________
[продано копирайтерам]
Invis1ble
что не тема, то шедевр

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Миша
Цитата (Invis1ble @ 11.04.2015 - 16:18)
что не тема, то шедевр

Стараемся rolleyes.gif


Понятно-понятно

_____________
Принимаю заказы, писать в ЛС
Миша
Подскажите ещё, нужно вот так: (сделал три дива, а вот как сделать так)
user posted image

_____________
Принимаю заказы, писать в ЛС
Миша
1 - float: left;

Затем 3 будет 2, 2 будет 3

2 - float: right;


3 - clear: left;


_____________
Принимаю заказы, писать в ЛС
Arh
Медведь
Цитата
Подскажите ещё, нужно вот так: (сделал три дива, а вот как сделать так)

Первый и второй засунуть в 1 див.

<div class="left">
<div>
1</div>
<div>
2</div>
</div>
<div
class="right">3</div>


_____________
Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru
BFCC-3895-8804-9ED2
sergeiss
Цитата (Медведь @ 11.04.2015 - 17:54)
Подскажите ещё, нужно вот так: (сделал три дива, а вот как сделать так)

Распиши словами, что ты хочешь получить. Например, какое должно быть поведение при изменении размеров. Какое должно быть соотношение размеров (в пикселях или процентах).

Я бы засунул эти 3 дива в 4-й и сделал им абсолютное позиционирование относительно основного дива. Но для написания стилей надо знать то, о чем я спросил на пару строк выше.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
FatCat
Цитата (Arh @ 11.04.2015 - 22:35)
Первый и второй засунуть в 1 див.

То есть, принципы табличной вёрстки, только дивами. Прикольно.

_____________
Бесплатному сыру в дырки не заглядывают...
Arh
FatCat
А как еще?)

_____________
Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru
BFCC-3895-8804-9ED2
FatCat
Цитата (Arh @ 11.04.2015 - 23:09)
как еще?

Такую верстку я бы делал таблицей.

_____________
Бесплатному сыру в дырки не заглядывают...
inpost
FatCat
Дивам можно поменять поведение, если ты верстаешь под мобильные устройства, с таблицами будет всё намного сложнее. Я бы дивам отдал предпочтение.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
sergeiss
С дивами еще есть преимущество в том, что их можно расположить в коде "семантически верно", а визуально в совершенно другом порядке. Да и самих тэгов будет существенно меньше smile.gif С таблицами будем множество tr-td, в которых можно легко запутаться. Нет, не в этом случае, а когда ячеек немного больше. Но лучше сразу делать более правильно.
Плюс к этому, дивы можно скрывать-показывать (и сделать это красиво), в то время, как с таблицей этого не получится простыми средствами. разве что в таблице расположить дивы, но в итоге получим те же дивы, плюс к ним еще таблица.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Миша
В общем сделал один див и в него запихнул эти три дива, это шапка но появился непонятный отступ над главным дивом сверху.

1 - float: left;
2 - float: right;
3 - clear: left;

Но столкнулся с проблемой отступа у html или body, поставил так: (Отступ не исчез)

*{
margin:0;
padding:0;
border:0px;
}

html {
margin:0px;
padding:0px;
border:0px;
}

body {
margin:0px;
padding:0px;
border:0px;
}


_____________
Принимаю заказы, писать в ЛС
Миша
Ап

_____________
Принимаю заказы, писать в ЛС
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.