понимаю, что для знающих это пара пустяков! Но я только начал изучать дивы... Перерыл все что нашел по этой теме и в форумах и в статьях!
Ну блин никак не врубиться мне!!!
Нужна простейшая конструкция из трех блоков!!! (таблицами за 5 сек делается)
Помогите плиз!
Kostia, спасибо заранее!
Вообще может кто знает где какие статьи на эту тему простым языком с примерами? А то везде так заумно пишут...
Читая сообщения меня уже почти переубедили отказаться от таблиц. Но всё же остались ситуации:
Зачастую, сайт необходимо разбить на колонки, левая и правая фиксированные, а центральная
1. либо на 100%
2. либо тоже фиксированная и всё тогда, к примеру центрируем.
Как это всё красиво реализовать в DIV’ах.
смотри ниже.
[/quote]
Так это обычный
2 колоночная
По аналогии и трехколоночная структураКод:<div style="width:100%; float: left; margin-right: -200px"> * *<div style="margin-right: 200px"> * * * left colls * *</div> * *<div style="width:200px; float: right"> * * * right colls * *</div> </div>
А все что кроме - это оформление
а я так расчитывал, что ты напишешь именно такую конструкцию, как я просил...
пытался разобраться хотя бы в том что ты написал и нихрена! ну не хватает у меня мозгов! И блин про все это пишут мол "логичная, удобная структура построения документа" !!! [Только зарегистрированные пользователи могут видеть ссылки. ]Офигенно логичная!!! особенно отрицательные поля просто переполнены логичностью!!! Короче в жопу эти дивы!!! Буду дальше таблицами верстать!!! Сегодня 20 кБ страница никого не пугает!!!
Полюбому спасибо что пытался помочь!
Спасибо, agat!!!
Kostia помоему где то недочёт, колонки идут друг пот другом.
Ну и последний мой аргумент.
При всей неприязни здешних обитателей к студии АртёмИЯ Лебедева, Яndex.ru до сих пор использует таблицы, якоже и design.ru, якоже и последния работа выше упомянутой студии [Только зарегистрированные пользователи могут видеть ссылки. ]
agat, извини за назойливость и нескромность... есть ли смыл подождать от тебя примера кода для моих трех блоков?
![Отправить сообщение для [Assasin] с помощью AIM](images/misc/im_aim.gif)
![Отправить сообщение для [Assasin] с помощью Yahoo](images/misc/im_yahoo.gif)
Про "это" я и нее знал сам
Ну пусть делают так. Но все равно, я считаю правильным перечитать webmascon или хотя-бы Дубакова
[/quote]
Смотря что включать в функции дизайнеров
Смотреть тут: [Только зарегистрированные пользователи могут видеть ссылки. ]Код:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> **** <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> ****<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> ****<title>Кондиционеры</title> **** ****<style type="text/css"> ****<!-- *div { *****float: left; * * * * * * */* включаем каждому блоку левое выравнивание */ ***** *****padding: 40px 0; ***** *****text-align: center; *} **** *#d_1****{ background: #FFFF01; width: 200px; } * *#d_23****{ *****margin-left: 200px; * * * /* это расстояние для первой колонки, она сюда впрыгнет */ *****float: none; * * * * * * */* отменяем выравнивание для контейнера 2-ой и 3-тей колонки */ *****padding: 0; *} * *#d_2****{ background: #CCFF66; width: 60%; } *#d_3****{ background: #FFCC00; width: 40%; } ****--> ****</style> </head> <body> <div id="d_1">200px</div> <div id="d_23"> ****<div id="d_2">60%</div> ****<div id="d_3">40%</div> </div> </body> </html>
agat, спасибо гигантское!!!
(блин, я думал проще будет! и почему же все твердят, что CCS это легче, компактней и т.д. ... хз)
Всё дело в том, что у тебя ширина колонок такая специфическая. 200px 40% 60% вот и прошлось мудрить.
А, если ширина у всех была бы в % или пикс то было бы конечно проще — <div><div><div> и всё
А давай запость здесь табличный эквивалент, чтобы отображалось так же как и у меня. Для сравнения.
agat хотя можно было бы вообще всё сделать 1й таблице за счёт colspan'а, а вообще в таком варианте действительно внутренние таблички можно было бы div'ами забацать.
даёш совмещение TABLE+DIVКод:<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> ****<td bgcolor="FFFF01" width="200">200px</td> ****<td> *<table border="0" cellpadding="0" cellspacing="0" width="60%"><tr><td bgcolor="CCFF66">60%</td></tr></table> *<table border="0" cellpadding="0" cellspacing="0" width="40%"><tr><td bgcolor="FFCC00">40%</td></tr></table> ****</td> </tr> </table>
ой не усмотрел опять трабл дивы пошли друг под дружкой а та конструкция что нужна для AVR так вообще одной таблицей из 3х ячеек, или я чего то немонимаю?
Ваши права
