Макет на дивах

Здравствуйте, уважаемые.

Как сделать макет на дивах следующего содержания?
Информация в каждый блок берется из базы данных:

| Авторизация Сторока поиска |
Рисунок | пользователя Навигация КАР ТИН КИ |
+--------------------------------------------+
ЛОГОТИП | КН | ОП | КИ | МЕ | НЮ |
-----------+--------------------------------------------+
ЗАГОЛОВОК | ЗАГОЛОВОК передовицы |
- - - - - -+- - - - - - - - - - - - - - - - - - - - - - +
самое | ФОТО ТЕКСТ |
читаемое | |
-----------+ ДАТА ССЫЛКА Комментарий |
ЗАГОЛОВОК | |
- - - - - -+->
ОПРОС | ЗАГОЛОВОК новости | ЗАГОЛОВОК н-ти |
-----------+- - - - - - - - - - - - +- - - - - - - - - -+
ЗАГОЛОВОК | ТЕКСТ | ТЕКСТ |
- - - - - -+ДАТА ССЫЛКА Комментарий | ДАТА ССЫЛКА К-й |
ГОЛОСОВАНИЕ|------------------------+-------------------+
-----------+ . . . |
ЗАГОЛОВОК |------------------------+-------------------+
- - - - - -+ ЗАГОЛОВОК новости | ЗАГОЛОВОК н-ти |
ФОТОГАЛЕРЕЯ|- - - - - - - - - - - - +- - - - - - - - - -+
| ТЕКСТ | ТЕКСТ |
ФОТО |ДАТА ССЫЛКА Комментарий | ДАТА ССЫЛКА К-й |
-----------+--------------------------------------------+
| КН | ОП | КИ | МЕ | НЮ |
+--------------------------------------------+
| резиновая вправо
Y и вниз

Ответить   Tue, 25 Sep 2007 10:36:19 +0300 (#692960)

 

Ответы:

Есть такое css-свойство, float называется. В сети уйма ссылок на то, как
верстать блоками многоколоночные макеты. Но вот какой именно способ
лучше для вашего макета - по сетке из сиволов понять сложно. Потому что
неизвестно, как там все выглядеть будет.

К примеру вот у вас сааамая левая колонка - она фиксированной ширины или
в процентах относительно общей?

Vladimir Doubrovski пишет:




библиотекa сайтостроительства http://www.i2r.ru/static/244/

Ответить   Tue, 25 Sep 2007 12:36:04 +0400 (#692970)

 

Здравствуйте, Mikhail.

Вы писали 25 сентября 2007 г., 11:36:04:

Многоколоночные не хочется, достаточно две, но вот новости влезают во
вторую колонку вложением их тоже две. Хотя бы одну ссылку, плиз.

Класс head (ЗАГОЛОВОК) не помешает: HeadLine, HeadNews
По образцу dgstudio:

class greetingsDay

$day[256][ru] = "С Днём Программиста!"

def greetingMessage($dayN, $lang='ru')
$day[$dayN,$lang]
end
end

По-моему лучше ее сделать фиксированной по размеру.
Логотип вполне достаточен по ширине.
Превью фотогалерии тоже фиксированая величина.

Ответить   Tue, 25 Sep 2007 12:42:14 +0300 (#692979)

 

Hello, Vladimir.

Вы писали 25 сентября 2007 г., 12:42:14:

для примера гляньте сформированный html здесь tubeuk3.vsetut.net либо
здесь krasnogorsk.vsetut.net, правда еще сайтики в работе, но они сразу ответит
на многие Ваши
вопросы, шаблон могу показать, правда не знаю нужно ли вам столько,
например по тюбе состоит уже из 16 tpl и еще будет.

Ответить   Tue, 25 Sep 2007 17:59:21 +0300 (#693036)

 

Здравствуйте, Alexandr.

Вы писали 25 сентября 2007 г., 17:59:21:

На указанной странице в сгенерированном HTML какой div-class (table?)
отвечает за разбивку на две колонки ...

Как агент по недвижимости стаж, с 94 года должен отметить, что в
английском языке предполагаются использование определенных названий
(каталогов) в каждой теме, например agency и agencies, estate & realty
и т.д. что может заранее ухудшить продвижение вашего сайта в
специализированных каталогах недвижимости и google.

Столько пока не нужно.

Ответить   Wed, 26 Sep 2007 09:36:38 +0300 (#693115)

 

Hello, Vladimir.

Для начала свяжитесь со мной , я Вам обьясню некоторые ошибки, так как
Вы не учитываете некоторые аспекты и вводите в заблуждение людей,
после обьяяснения сразу станет все ясно Вам, у Вас же есть мой контакт
в асе, спросили бы для начала, я ж всегда отвечу.

Ответить   Tue, 25 Sep 2007 17:40:44 +0300 (#693035)

 

Здравствуйте, Alexandr.

Вы писали 25 сентября 2007 г., 17:40:44:

По вашим ссылкам на документацию мной был найден макет
http://www.mycelly.com/css_templates/css_template_02a.htm

2 columns / menu and content dynamic
Мой вопрос: Как правильно добавить две колонки новостей на 50%
ширины каждая (как при табличной верстке).

Небольшой ресурс мной разработанный достаточно давно и недорого:
http://www.crimeanhome.com/victory

right column
#menu {
float: left;
width: 25%;
background-color: #ff99CC;
overflow: auto;
}

content column
All templates are XHTML 1.0 and CSS2/ tableless.

2 columns / menu and content dynamic
2 column layout grid. The navigation column and content column are dynamic and
adjust themselves to the browser window.
This layout also works with an absolute height TEMPLATE 100% height
more nice and free css templates

html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
}
#content {
float: left;
width: 75%;
background-color: #fff;
margin:0px 0px 50px 0px;
overflow: auto;
}

Ответить   Wed, 26 Sep 2007 09:17:25 +0300 (#693106)