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

Тема в разделе "Веб-дизайн", создана пользователем Antonk, 18 дек 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Antonk

    Antonk Писатель

    Регистр.:
    21 авг 2007
    Сообщения:
    9
    Симпатии:
    1
    Люди, помогите...
    Знаю html, css, умею верстать таблицами, где можно почитать про дивовую верстку?
     
  2. ram222

    ram222 Da Vinci

    Регистр.:
    27 апр 2009
    Сообщения:
    761
    Симпатии:
    76
  3. drobvik

    drobvik Писатель

    Регистр.:
    14 май 2009
    Сообщения:
    2
    Симпатии:
    0
  4. Eihwaz

    Eihwaz

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

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    добавлю еще один ресурс, который считаю лучшим
    alistapart.com
     
  6. belstar

    belstar Создатель

    Регистр.:
    4 июл 2009
    Сообщения:
    21
    Симпатии:
    1
    Я тоже сначала научился на таблицах, проблемы начались когда не смог поставить высоту в 100% у таблицы валидным способом, тогда и пришел к блочной верстке, сейчас таблицы и не вспоминаю, ибо дивы рулят. Ссылка на видео по блочной верстке: http://www.sdelaysite.com/kniga/verstka-kniga/blochnaya-verstka-div-0:ay:
     
  7. Ewsen

    Ewsen

    Регистр.:
    26 июл 2008
    Сообщения:
    163
    Симпатии:
    59
    Качай и учись по этой книге "Мастерская CSS". Там все очень доступно и есть примеры многих приемов и даже разжевана верстка двух сайтов. Сам по ней учился. ИМХО это лучшая книга по верстке на дивах.
    http://depositfiles.com/files/1mrb0atns
     
  8. danneo

    danneo Честный

    Регистр.:
    13 ноя 2007
    Сообщения:
    1.463
    Симпатии:
    114
    тут где-то видео по CSS и веб дизайну было. Если не найдете, стучитесь, залью.
     
    rer76 нравится это.
  9. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Хм.. ну как-как перейти? как таблицами ... сначала ты делаешь основную таблицу... в кторой все блоки. Это и есть твой
    HTML:
    
    <div class="wrapper">
    </div>
    
    потом ты делаешь в размеченой страничке хеадер с высотой и шыриной так и тут
    HTML:
    
    <div class="wrapper">
        <div class="header"></div>
    </div>
    
    Код:
    .wrapper{
       height:100%;
       width:100%;
       max-width:1500px;
       min-width:1000px;
    }
    .header{
        width:100%;
        height:100px;
    }
    потом ты делаешь меню и колонки
    HTML:
    
    <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;
    }
    
    ну и потом футер
    HTML:
    
    <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;
    }
    
    футер обычно тоже саоме что и хеадер тока высота другая ... ну а дальше уж в зависимости от дизайна...
     
  10. Arvur

    Arvur Создатель

    Регистр.:
    2 фев 2007
    Сообщения:
    14
    Симпатии:
    3
    Почему-то незаслуженно забыли сайт Влада Мержевича
    http://www.htmlbook.ru
    Много статей для новичков, несколько разделов именно по верстке слоями. Есть толковые примеры макетов.
    З.Ы. Регулярно пользуюсь его электронными справочниками: по css и по html-тегам. Очень удобны в качестве шпаргалок.
    По идее у него еще и несколько книг издано, но про них не скажу - не дошли руки купить.
     
Статус темы:
Закрыта.