Начало верстки

[Antonk]

Люди, помогите...
Знаю html, css, умею верстать таблицами, где можно почитать про дивовую верстку?

 

[ram222]

Для просмотра ссылки Войди или Зарегистрируйся

 

[drobvik]

При верстки divами как таблица.
Можно использовать свойства: display: table-cell, table-row и table-cell

 

[Eihwaz]

Нельзя пока использовать table-cell и table-row.
Одни из самых популярных браузеров у обывателей — IE6(умирает потихоньку, но все еще популярен) и IE7, ни тот ни другой понятия не имеют об этих свойствах.

 

[t3s]

добавлю еще один ресурс, который считаю лучшим

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[belstar]

Я тоже сначала научился на таблицах, проблемы начались когда не смог поставить высоту в 100% у таблицы валидным способом, тогда и пришел к блочной верстке, сейчас таблицы и не вспоминаю, ибо дивы рулят. Ссылка на видео по блочной верстке:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Ewsen]

Люди, помогите...
Знаю html, css, умею верстать таблицами, где можно почитать про дивовую верстку?

Качай и учись по этой книге "Мастерская CSS". Там все очень доступно и есть примеры многих приемов и даже разжевана верстка двух сайтов. Сам по ней учился. ИМХО это лучшая книга по верстке на дивах.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[danneo]

тут где-то видео по CSS и веб дизайну было. Если не найдете, стучитесь, залью.

 

[rafic]

Хм.. ну как-как перейти? как таблицами ... сначала ты делаешь основную таблицу... в кторой все блоки. Это и есть твой

<div class="wrapper">
</div>

потом ты делаешь в размеченой страничке хеадер с высотой и шыриной так и тут

<div class="wrapper">
    <div class="header"></div>
</div>

.wrapper{
   height:100%;
   width:100%;
   max-width:1500px;
   min-width:1000px;
}
.header{
    width:100%;
    height:100px;
}

потом ты делаешь меню и колонки

<div class="wrapper">
    <div class="header"></div>
    <div class="menu"></div>
    <div class="column"></div>
</div>

калонкам menu and column тф задаешь позиционирование, если знаешь цсс то уже проще... там в зависимости от верстки (резина или фикс) я покажу резину:

.wrapper{
   height:100%;
   width:100%;
   max-width:1500px;
   min-width:1000px;
}
.header{
    width:100%;
    height:100px;
}
.menu{
   width:200px;
   float:left;
}
.column{
   margin-left:200px;
}

ну и потом футер

<div class="wrapper">
    <div class="header"></div>
    <div class="menu"></div>
    <div class="column"></div>
    <div class="footer"></div>
</div>

.wrapper{
   height:100%;
   width:100%;
   max-width:1500px;
   min-width:1000px;
}
.header{
    width:100%;
    height:100px;
}
.menu{
   width:200px;
   float:left;
}
.column{
   margin-left:200px;
}
.footer{
    width:100%;
    height:30px;
}

футер обычно тоже саоме что и хеадер тока высота другая ... ну а дальше уж в зависимости от дизайна...

 

[Arvur]

Почему-то незаслуженно забыли сайт Влада Мержевича

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Много статей для новичков, несколько разделов именно по верстке слоями. Есть толковые примеры макетов.
З.Ы. Регулярно пользуюсь его электронными справочниками: по css и по html-тегам. Очень удобны в качестве шпаргалок.
По идее у него еще и несколько книг издано, но про них не скажу - не дошли руки купить.