Просмотр полной версии : верстка "на дивах" - это как?, полегше бы..
Объясните, мне пожалуйста, индюку :) принцип верстки "на дивах" - несколько лет халтурю, а от табличной схемы никак отойти не могу. Вижу код - и не врубаюсь что к чему.
Где про это нормально прочесть хоть можно?
Vovovich
02.10.2007, 13:20
Это когда ты пишешь в коде
.................
<div id=top>Это то, что в блоке</div>
<div id=men>Еще какой-то блок</div>
.........
в стилях задаешь id-шники
типа
top{padding:10px; margin:5px; background-color:red;}
Где про это нормально прочесть хоть можно?
Гугл тебе поможет.:)
А как эти блоки друг относительно друга встанут в браузере?
В чем принцип - как их уложить наподобие таблички, скажем, шапку сайта разбить пополам, чтобы максимум слева, слева от контента сделать вспомагательную колонку и приделать сплошной футер?
И как это все на разных разрешениях будет видно?
Буду рад, если кто не поленится написать - в свое время много читал из гугля, но чего-то от таблиц так и не смог отказаться.
Vovovich
03.10.2007, 10:50
А как эти блоки друг относительно друга встанут в браузере?
Как задашь, так и станут. Блок может находиться в самом конце кода страницы, а отображаться наверху.
В сети много примеров по блочной верстке. А лучше- купи хорошую книженцию.
gamer_2007
18.10.2007, 23:20
Подробное описания дивов здесь - http://htmlbook.ru/html/div.html
Там можно найти всё что нужно знать чтобы хорошо верстать, я сам с етим сайтом научился верстать.
Объясните, мне пожалуйста, индюку :) принцип верстки "на дивах" - несколько лет халтурю, а от табличной схемы никак отойти не могу. Вижу код - и не врубаюсь что к чему.
Где про это нормально прочесть хоть можно?
Я отошла от табличной верстки сравнительно легко.
Вы можете бесплатно скачать мои видеоуроки. По моим субъективным ощущениям, по урокам можно вполне быстро освоить азы создания сайтов по стандартам XHTML+CSS (иначе говоря, принципы верстки на дивах).
Ссылка на первый выпуск (http://shaybakova.com/lessons/)
второй (http://shaybakova.com/lessons/creation_menu.php).
Буду признательна всем, кто даст оценку этим урокам. Учту все пожелания.
Я вот только одного не могу понять - чем таблицы не устраивают?
Я вот только одного не могу понять - чем таблицы не устраивают?
В каждом случае что то удобно, а что то нет... таблицы тоже удобны, но и о дивах забывать нельзя, с ними можно делать интересные вещи!
druzhkov
10.03.2008, 13:48
В каждом случае что то удобно, а что то нет... таблицы тоже удобны, но и о дивах забывать нельзя, с ними можно делать интересные вещи!
например, окошки или подсказки, открывающиеся прямо поверх страницы. :rolleyes:
