Вид для печати
понимаю, что для знающих это пара пустяков! Но я только начал изучать дивы... Перерыл все что нашел по этой теме и в форумах и в статьях!
Ну блин никак не врубиться мне!!! [Only registered and activated users can see links. Click Here To Register...]
Нужна простейшая конструкция из трех блоков!!! (таблицами за 5 сек делается)
Помогите плиз! [Only registered and activated users can see links. Click Here To Register...]
Минуту, сейчас напишу. там просто все [Only registered and activated users can see links. Click Here To Register...]
А лучше [Only registered and activated users can see links. Click Here To Register...]
Kostia, спасибо заранее!
Вообще может кто знает где какие статьи на эту тему простым языком с примерами? А то везде так заумно пишут...
[/quote]Цитата:
Originally posted by Kostia@May 16 2005, 15:55
А лучше [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
это я читал... блин, там какой-то нестандартный подход!!! мне бы с обычным разобраться!!! [Only registered and activated users can see links. Click Here To Register...]
Читая сообщения меня уже почти переубедили отказаться от таблиц. Но всё же остались ситуации:
Зачастую, сайт необходимо разбить на колонки, левая и правая фиксированные, а центральная
1. либо на 100%
2. либо тоже фиксированная и всё тогда, к примеру центрируем.
Как это всё красиво реализовать в DIV’ах.
смотри ниже.
[/quote]Цитата:
Originally posted by AVR@May 16 2005, 15:10
это я читал... блин, там какой-то нестандартный подход!!! мне бы с обычным разобраться!!! [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Так это обычный
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>
А все что кроме - это оформление
а я так расчитывал, что ты напишешь именно такую конструкцию, как я просил... [Only registered and activated users can see links. Click Here To Register...]
пытался разобраться хотя бы в том что ты написал и нихрена! ну не хватает у меня мозгов! И блин про все это пишут мол "логичная, удобная структура построения документа" !!! [Only registered and activated users can see links. Click Here To Register...]Офигенно логичная!!! особенно отрицательные поля просто переполнены логичностью!!! Короче в жопу эти дивы!!! Буду дальше таблицами верстать!!! Сегодня 20 кБ страница никого не пугает!!!
Полюбому спасибо что пытался помочь! [Only registered and activated users can see links. Click Here To Register...]
Kostia, не пугай народ этими маразмами.
Начинайте с этого:
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
Твою «простейшую» конструкцию можно сделать... код, чуть позже, сейчас очень занят.
Спасибо, agat!!!
Kostia помоему где то недочёт, колонки идут друг пот другом.
Ну и последний мой аргумент.
При всей неприязни здешних обитателей к студии АртёмИЯ Лебедева, Яndex.ru до сих пор использует таблицы, якоже и design.ru, якоже и последния работа выше упомянутой студии [Only registered and activated users can see links. Click Here To Register...]
agat, извини за назойливость и нескромность... есть ли смыл подождать от тебя примера кода для моих трех блоков?
Попробовал разобраться. Поддерживаю AVR - кодинг [Only registered and activated users can see links. Click Here To Register...], не дизайнерское это дело [Only registered and activated users can see links. Click Here To Register...]
Про "это" я и нее знал сам [Only registered and activated users can see links. Click Here To Register...]Цитата:
Originally posted by agat@May 16 2005, 18:19
[b]Kostia, не пугай народ этими маразмами.
Начинайте с этого:
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
Ну пусть делают так. Но все равно, я считаю правильным перечитать webmascon или хотя-бы Дубакова
[/quote]Цитата:
Originally posted by [Assasin]@May 17 2005, 18:08
Попробовал разобраться. Поддерживаю AVR - кодинг [Only registered and activated users can see links. Click Here To Register...], не дизайнерское это дело [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Смотря что включать в функции дизайнеров [Only registered and activated users can see links. Click Here To Register...]
Смотреть тут: [Only registered and activated users can see links. Click Here To Register...]Код:<!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> и всё [Only registered and activated users can see links. Click Here To Register...]
А давай запость здесь табличный эквивалент, чтобы отображалось так же как и у меня. Для сравнения.
agat хотя можно было бы вообще всё сделать 1й таблице за счёт colspan'а, а вообще в таком варианте действительно внутренние таблички можно было бы div'ами забацать.
даёш совмещение TABLE+DIV [Only registered and activated users can see links. Click Here To Register...]Код:<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х ячеек, или я чего то немонимаю?
таблицами то все просто (для моего понимания)
но хочется как бы в ногу со временем! [Only registered and activated users can see links. Click Here To Register...]Код:<table width="100%" *border="0" cellspacing="0" cellpadding="0">
*<tr>
* *<td width="200" bgcolor="#FFFF01">200%</td>
* *<td><table width="100%" *border="0" cellspacing="0" cellpadding="0">
* * * *<tr>
* * * * *<td width="60%" bgcolor="#CCFF66">60%</td>
* * * * *<td bgcolor="#FFCC00">40%</td>
* * * *</tr>
* * *</table></td>
*</tr>
</table>
А вот на Масконе пишут, что таблицы всеже надежней... [Only registered and activated users can see links. Click Here To Register...]
а какая разница между таблицами и div-ами?
Мда [Only registered and activated users can see links. Click Here To Register...]
Ладно
Я в данный момент также сижу мучаюсь с дивами... Не понимаю почему но мучаюсь. В html я очень хорошо разбираюсь и дивами со стилями также всегда пользовался...
Пока я придерживаюсь мнения что служную структуру проще сделать таблицами а внутри таблиц уж все дивами.
но всеровно я постараюсь сначало все сделать через divы