Меню
Что нового?

Верстаете ли вы "на DIV-ах"?

MiksIr

miksir@home:~$
Интуитивно понятной она не является. Из-за такой "мелочи", как именование классов. "left" - подразумевает, что блок находится слева, а "right" - справа. Если изменить CSS так, что блоки поменяются местами - будет интуитивно понятно, что class="left" - это блок справа, а class="right" - блок слева?
Нажмите для раскрытия...
Гм, светофор тоже не интуитивно понятный! Ибо если его повернуть и назначит на красный свет "можно ехать", а на зеленый - "нельзя", разве будет это интуитивно понятно?

-~{}~ 01.11.07 15:13:

Проще самому сделать чем объяснять другому что и как.
Нажмите для раскрытия...
Или у Вас куча времени, или Вас окружают бездари =)

-~{}~ 01.11.07 15:16:

PS: После того, как начал работать с хорошим верстальщиком, понял, что такое настоящая блочная верстка и насколько она красива, прозрачна и удобна. Таблицы уродливы... таблицы - это _таблицы_, а не средство разметки и хороши они там, где данные представляются в виде таблицы.
 
Crys

Crys

Двинутый новичок
Гм, светофор тоже не интуитивно понятный! Ибо если его повернуть и назначит на красный свет "можно ехать", а на зеленый - "нельзя", разве будет это интуитивно понятно?
Нажмите для раскрытия...
Светофор никто поворачивать не собирается. А вот насчет блочной верстки - основное преимущество её использования - именно в том, что при помощи CSS можно глобально поменять дизайн.

Пример:
http://www.csszengarden.com/
и
http://www.csszengarden.com/?cssfile=/202/202.css&page=0
 

MiksIr

miksir@home:~$
У Вас ошибка в предпосылке ;) Не нужно называть блоки left и right. Называйте блоки по их назначению, а не по расположению.
 

Arekus

Новичок
может кто из знатоков блоковерстки подскажет как задать расстояние между строками в примерно такой табличке? (высота может быть произвольной - т.е. фиксировать нельзя) :

<html><body>
<style>
#d_0 {border:1px solid black;margin:20px 0 0 0;}
#d_1{width:40%;float:left;}
#d_2{width:60%;float:left;}
</style>
<div>
<div id="d_0"><div id="d_1"><div>лево рас</div></div><div id="d_2"><div>левее рас</div></div></div>
<div id="d_0"><div id="d_1">лево двас</div><div id="d_2">левее двас</div></div>
</div>
</body></html>

отступ у d_0 - курит где-то
 
Духовность™

Духовность™

Продвинутый новичок
margin 1% и уменьшение ширины каждого блока?

да, а Вы уверены, что Вашу задачу нужно решать именно блоками? Может для этой цели всётаки таблица нужна?
 

Kivsiak

Новичок
Когда приходится верстать верстаю в дивах оставляя таблицы только там где они нужны. Делаю это ради того чтобы научиться дивной верстке.

Но если чесно чем больше я учусь тем меньше мне оно нравиться все равно попахивает шаманством, со всеми своими css хаками. И в конечном итоге получается что то ради чего я шел на дивы: чистоты и логика кода, строго говоря и нет.

Хотя все лучше чем чистые таблицы, особенно если есть время, а еще лучше если есть под боком грамотный и опытный верстальщик. Ж)
 

@ndrey

Новичок
<div>
<div id="d_0"><div id="d_1"><div>лево рас</div></div><div id="d_2"><div>левее рас</div></div></div>
<div id="d_0"><div id="d_1">лево двас</div><div id="d_2">левее двас</div></div>
</div>
Нажмите для раскрытия...
еще один очень хороший пример непонимания блочной верстки.
 

ustas

Элекомист №1
@ndrey
да, зато IE, FF и другие хорошо понимают, но каждый по своему.
 
С.

С.

Продвинутый новичок
А вот насчет блочной верстки - основное преимущество её использования - именно в том, что при помощи CSS можно глобально поменять дизайн.
Нажмите для раскрытия...
Миф чистой воды. Работает только для "рекламного" layout'а и никогда в рельной жизни.

На дивах даже нельзя сделать самую обычную верстку шапка-три-колонки-подвал без шаманства с ява-скриптом и т.п.
 
HEm

HEm

Сетевой бобер
@ndrey
вот речь и идет о том, что идея о чистой, простой и понятной верстке превращается в монстра, в котором только прокачавшие скилл спецы могут разобраться
нет, конечно, разобраться может любой, но если макет требует усиленного внимания и времени для того, чтобы понять, как это работает - это уже не "чисто, просто и понятно"
 

@ndrey

Новичок
ustas , не понимать как верстать и делать так, чтоб работало во всех браузерах порождает хороший устойчивый говнокод.
можно каждую букву обернуть в блок, поставить стиль и ..удивительно тоже будет везде работать. и вот тогда, как говорит HEm получается монстр, и тем больше монстр, чем больше непонимание. Имхо, для понимания-то надо почитать совсем немного.

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

На дивах даже нельзя сделать самую обычную верстку шапка-три-колонки-подвал без шаманства с ява-скриптом и т.п.
Нажмите для раскрытия...
да вроде как нет http://www.alistapart.com/d/negativemargins/ex5.htm :)
 
Духовность™

Духовность™

Продвинутый новичок
да вроде как нет
Нажмите для раскрытия...
к сожалению, ссылка не открывается (у меня)((

без шаманства
Нажмите для раскрытия...
именно. вы знаете, как создать трехколончатую верстку 30%-40%-30%, что бы блоки один на другой не наскакивали? А легко - w3c.org - достаточно один из блоков сократить на 2%. Работает во всех броузерах. Чем не шаманство? Где логика?
 

@ndrey

Новичок
к сожалению, ссылка не открывается (у меня)((
Нажмите для раскрытия...
в инете полно решений
вы знаете, как создать трехколончатую верстку 30%-40%-30%, что бы блоки один на другой не наскакивали?
Нажмите для раскрытия...
не вижу никаких проблем с 3-х колоночной версткой
 

MiksIr

miksir@home:~$
Автор оригинала: HEm
@ndrey
вот речь и идет о том, что идея о чистой, простой и понятной верстке превращается в монстра, в котором только прокачавшие скилл спецы могут разобраться
нет, конечно, разобраться может любой, но если макет требует усиленного внимания и времени для того, чтобы понять, как это работает - это уже не "чисто, просто и понятно"
Нажмите для раскрытия...
А тому, кто не может разобраться, и не нужно разбираться. Какой смысл глядя в исходники HTML разбираться как это на экране (если можно просто посмотреть ;) А вот понять, глядя в такую верстку, что этот блок - меню, этот - банер и т.д. - элементарно, если хороший верстальщик делал. А все остальное монстрообразное - в css. Когда меню не городится в непонятные таблицы, а оформлено красиво в <ul><li> - это хорошо и понятно.
 

MiksIr

miksir@home:~$
именно. вы знаете, как создать трехколончатую верстку 30%-40%-30%, что бы блоки один на другой не наскакивали? А легко - w3c.org - достаточно один из блоков сократить на 2%. Работает во всех броузерах. Чем не шаманство? Где логика?
Нажмите для раскрытия...
В табличной верстке шаманства хватает не меньше чем в блочной. За это, в общем, хорошие верстальщики и стоят хороших денег, приближающихся к стоимости программиста.
 
boombick

boombick

boombick.org
Сделайте пожалуйста вышеупомянутую верстку высотой на 100%
Нажмите для раскрытия...
это хак :) ЕМНИП, ни один браузер не поддерживает height:100% без бубна... И хаком это останется как в дивах, так и в таблицах
 
Войдите или зарегистрируйтесь для ответа.
Сверху