Вёрстка в дивах - с чего начинать? @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
На страницу <  1 2  Страница 2 из 2 [ Сообщений: 50 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
R E Y S T L E E N Муж.
постоянный участник
120
Сообщения: 2008
Зарегистрирован: 04.10.04
Откуда: Голландия (а вообще Минск)
Сообщение Добавлено: 12 Октябрь 2007, 12:09:24 
Мне уже дивами проще верстать, чем таблицами :dandy:

_________________
LJ
C0ld_V0!d Муж.
участник
4
Сообщения: 1120
Зарегистрирован: 11.01.03
Откуда: Питер
Сообщение Добавлено: 12 Октябрь 2007, 12:29:52 
http://css.maxdesign.com.au/floatutorial/ - это все, что мне понадобилось для обучения верстки div`ами за полчаса. Если совсем не владеете CSS, http://www.w3schools.com/ - очень хороший ресурс для референса.

_________________
.RAIN
C0ld_V0!d Муж.
участник
4
Сообщения: 1120
Зарегистрирован: 11.01.03
Откуда: Питер
Сообщение Добавлено: 12 Октябрь 2007, 12:31:10 
R E Y S T L E E N, некоторые макеты раза в 3 проще верстать дивами, особенно если макет фиксированный, но все же бывают ситуации когда только одними дивами обойтись сложно.


Цитата:
А дивами верстают, как мне кажеца, те кто хочет выглядить профессионалом и говорить, что он верстает на дивах.


Давно такого бреда не слышал. ИМХО это оправдание того, что вам просто лень учиться верстать дивами.

_________________
.RAIN
tentoys Муж.
постоянный участник
121
Сообщения: 2940
Зарегистрирован: 06.08.02
Откуда: МКАДонутряк
Сообщение Добавлено: 12 Октябрь 2007, 13:36:05 

Цитата:

Цитата:
А дивами верстают, как мне кажеца, те кто хочет выглядить профессионалом и говорить, что он верстает на дивах.


Давно такого бреда не слышал. ИМХО это оправдание того, что вам просто лень учиться верстать дивами.


уффф... (устало), как эти поджигатели холиваров надоели.

_________________
Keep in touch. Andrey Alexeev.
C0ld_V0!d Муж.
участник
4
Сообщения: 1120
Зарегистрирован: 11.01.03
Откуда: Питер
Сообщение Добавлено: 12 Октябрь 2007, 13:40:28 

tentoys писал(а):
уффф... (устало), как эти поджигатели холиваров надоели.


Какие холивары? Я использую оба типа верстки, верстать исключительно таблицами как минимум глупо, вот что я имел ввиду.

_________________
.RAIN
Rustem Муж.
новый человек
75
Сообщения: 185
Зарегистрирован: 06.07.06
Сообщение Добавлено: 12 Октябрь 2007, 19:45:23 
Я сейчас купил книгу Энди Бадд . "Мастерская CSS. Профессиональное применение веб-стандартов"

_________________
Моя кошка тоже сначала не любила пылесос, а потом ничего... втянулась.
tentoys Муж.
постоянный участник
121
Сообщения: 2940
Зарегистрирован: 06.08.02
Откуда: МКАДонутряк
Сообщение Добавлено: 13 Октябрь 2007, 12:34:09 

Rustem писал(а):
Я сейчас купил книгу Энди Бадд . "Мастерская CSS. Профессиональное применение веб-стандартов"


Ну и как, помогла книга? Я не купил такую. Зато хожу по ресурсам, читаю, смотрю, слушаю. Вот тут, к примеру...

_________________
Keep in touch. Andrey Alexeev.
Crazy Муж.
Модератор
107
Сообщения: 14561
Зарегистрирован: 23.12.01
Откуда: Moscow
Сообщение Добавлено: 14 Октябрь 2007, 22:11:56 

Rustem писал(а):
Я сейчас купил книгу Энди Бадд . "Мастерская CSS. Профессиональное применение веб-стандартов"



Рекомендую начать с первых 2 страниц 8 главы.

BTW, эта книга интересна тем, что автор использует во многих местах необычно разумный термин "meaningful markup", хоть и путает его немного с "semantic markup". Любопытно, как поступили с этим термином в русском переводе.

P.S. Кстати, он зачастую недостаточно резко отзывается о табличной верстке. Например, задачку на странице 240 издания 2006г ("Using a single list item for multiple elements") я не представляю, как сверстать таблицей. Хоть он и пишет, что это и ежу понятно ("If you didn’t care about clean markup, it would probably require less effort to code each of these elements as columns in a table, or to litter the markup with repeated periods (.) for the dotted leader.")
prometheus Муж.
соучастник
20
Сообщения: 380
Зарегистрирован: 02.01.07
Откуда: у Майкла Дугласа базука?
Сообщение Добавлено: 15 Октябрь 2007, 10:15:33 

Lizavetych писал(а):
… Но вот теперь все кричат - на фиг таблицы! Даёшь дивы!!!



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

Если интерфейс предполагает:
- простой дизайн (небольшое кол-во фоновых элементов, их простая комбинация, без учета взаимного расположения в разных колонках и пр);
- статичность при масштабировании (статичность либо на всю страницу, либо на ее колонки);

Если да - то блочная верстка применима.
Иначе - нужно вводить в схему разметки табличное форматирование нужных элементов.

_________________
Прометей.
AlexShop Муж.
участник
34
Сообщения: 1866
Зарегистрирован: 17.02.04
Сообщение Добавлено: 18 Октябрь 2007, 07:21:37 

Rustem писал(а):
Я сейчас купил книгу Энди Бадд . "Мастерская CSS. Профессиональное применение веб-стандартов"


и я ее сегодня купил! :dandy:

_________________
Тот, кто задает вопрос, глупец в течение пяти минут, тот, кто его не задает, глупец всю свою жизнь. (Китайская поговорка)
smile
новый человек
0
Сообщения: 1
Зарегистрирован: 16.12.07
Сообщение Добавлено: 16 Декабрь 2007, 17:19:32 
Может быть подскажет кто? Есть одна проблемка с созданием небольшого объекта на дивах. Вообще-то я не прям сторонник дивов, просто хочу всё знать :-D

вообщем суть такая нужен блок, ширина блока должна быть auto, т.е. не фиксированной, по ширине содержимого.
пробовал писать нечто вроде
Код:
<div style="position:absolute; top:40px; right:0px; font-size:10px; width:auto; background-color:#ddf1b4; color:#000; padding:5px; border:1px #000 solid; white-space:nowrap; text-align:left;">

<div style="display:inline-table; width:auto;">
   <div style="display:table-row; white-space:nowrap;">
      <div style="display:table-cell; vertical-align:top; width:auto; float:left;">
         <img src="какая-то картинка">
      </div>
      <div style="display:table-cell; vertical-align:top; width:auto; float:left;">
         какойто текст
      </div>
   </div>
</div>

</div>


т.е. ячейки должны вести себя как ячейки таблицы. Но вторая ячейка переносится на вторую строчку то в IE то в Mozilla, оперу даже не пытался запускать )). Есть у "ячеек" поставить dшsplay:inline то это было бы то что надо, если не считать что после этого общий див в IE или в Moz точно не помню по высоте становится равен одной строчке и картинка торчит уже вне его как-бы
tentoys Муж.
постоянный участник
121
Сообщения: 2940
Зарегистрирован: 06.08.02
Откуда: МКАДонутряк
Сообщение Добавлено: 16 Декабрь 2007, 21:37:44 
smile, извиняюсь, но топик не про конкретные "хочу всё знать". Я не модератор, но всё ж таки. А потом... я дуже код не стал смотреть, ибо вопрос про дивы, блоки, автоширина, но ниже... "ячейки должны вести себя как ячейки таблицы". 99,9% Вы в див пихнули таблицу не с данными, а с контентом, ихотите упростить (облегчить/изменить) себе жизнь, как кодеру, который по-максимуму использвует дивы и, не бай бог, хотите, чтоб всё было валидно, коротко, по-модному, на дивах, в соответствии с css3 :))))))))

...вобщем, Вы поняли...

_________________
Keep in touch. Andrey Alexeev.
bong13
соучастник
0
Сообщения: 806
Зарегистрирован: 21.12.04
Откуда: Moscow
Сообщение Добавлено: 16 Декабрь 2007, 22:04:42 
оффтопик:
упс, извиняйте
Rustem Муж.
новый человек
75
Сообщения: 185
Зарегистрирован: 06.07.06
Сообщение Добавлено: 17 Декабрь 2007, 14:54:19 

tentoys писал(а):

Rustem писал(а):
Я сейчас купил книгу Энди Бадд . "Мастерская CSS. Профессиональное применение веб-стандартов"


Ну и как, помогла книга? Я не купил такую. Зато хожу по ресурсам, читаю, смотрю, слушаю. Вот тут, к примеру...



Да, хотя местами перевод неряшливый, так вообще хорошая книжка. Разобрался почти во всем. Всё достаточно просто.
Преимущества верстки дивами теперь представляю лучше:
1) Семантически правильнее (Таблицы используются только для табличных данных)
2) Код получается легче (меньше).
3) Разделяется контент от оформления. Что позволяет менять стиль всего сайта.

И как раз сейчас на работе приходится разбираться с макетом сверстанным на дивах. Так что все окей.

_________________
Моя кошка тоже сначала не любила пылесос, а потом ничего... втянулась.
Rustem Муж.
новый человек
75
Сообщения: 185
Зарегистрирован: 06.07.06
Сообщение Добавлено: 17 Декабрь 2007, 14:57:25 

AlexShop писал(а):

Rustem писал(а):
Я сейчас купил книгу Энди Бадд . "Мастерская CSS. Профессиональное применение веб-стандартов"


и я ее сегодня купил! :dandy:



Значит правильных сайтов будет больше! :beer:

_________________
Моя кошка тоже сначала не любила пылесос, а потом ничего... втянулась.
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
На страницу <  1 2  Страница 2 из 2 [ Сообщений: 50 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100