Собстна, лог из чата:
Свернутый текст
#15915 Отправитель: SarPHP
25.10.2010 - 16:47
waldicom, понятно
#15914 Отправитель: SarPHP
25.10.2010 - 16:46
Almaz, таблицами верстаются только таблицы, бывает такие случаи, что дивы просто неуместны
#15913 Отправитель: SarPHP
25.10.2010 - 16:45
разницы как таковой нет, при помощи id как бы указывается, что подвал уникальный, т.е. не повторяется на странице
#15912 Отправитель: waldicom
25.10.2010 - 16:45
И вообще такие дискуссии лучше вести на форуме, авось кому поможет в будущем. Да и форуму хорошо
#15911 Отправитель: AlmazDelDiablo
25.10.2010 - 16:44
Удалить
Хехе, и правда. Через див все ок в ИЕ и мазилле
#15910 Отправитель: waldicom
25.10.2010 - 16:44
скидывай сюда, на форум. Создай ветку и выкладывай в нее.
#15909 Отправитель: AlmazDelDiablo
25.10.2010 - 16:44
Удалить
А чем id лучше class?
#15908 Отправитель: DmitryOpalev
25.10.2010 - 16:44
Вот к примеру у меня есть вертка - в 3 столбца. У двух из них 100% абсоолютное позиционирование, тогда подвал не будет учитывать их ширину.
#15907 Отправитель: SarPHP
25.10.2010 - 16:43
а лучше: <div id="footer">Это подвал</div>
#15906 Отправитель: SarPHP
25.10.2010 - 16:42
давай я тебе сверстаю как это делается, только куда тебе скинуть?)
#15904 Отправитель: SarPHP
25.10.2010 - 16:41
<div class="footer">Это подвал</div>
#15903 Отправитель: DmitryOpalev
25.10.2010 - 16:40
Я лично не представляю, как на дивах сделать подвал
#15902 Отправитель: waldicom
25.10.2010 - 16:40
Нельзя сказать, что верстка таблицами, это очень очень плохо...
#15901 Отправитель: SarPHP
25.10.2010 - 16:40
Это ошибочное мнение. Таблицами верстали раньше, еще до нашей эры
#15900 Отправитель: AlmazDelDiablo
25.10.2010 - 16:38
Удалить
Сейчас попробую.
#15899 Отправитель: AlmazDelDiablo
25.10.2010 - 16:37
Удалить
А меня всегда учили, что таблицы это гуд, а дивы плохо.
#15898 Отправитель: SarPHP
25.10.2010 - 16:35
не приучивай себя таблицам ,переходи сразу на div
#15897 Отправитель: SarPHP
25.10.2010 - 16:35
верстка таблицами, это очень-очень плохо
#15896 Отправитель: SarPHP
25.10.2010 - 16:33
ясно, у тебя логотип на месте не стоит.. ща глянем что там
#15895 Отправитель: AlmazDelDiablo
25.10.2010 - 16:32
Удалить
http://npanel.ru/
25.10.2010 - 16:47
waldicom, понятно
#15914 Отправитель: SarPHP
25.10.2010 - 16:46
Almaz, таблицами верстаются только таблицы, бывает такие случаи, что дивы просто неуместны
#15913 Отправитель: SarPHP
25.10.2010 - 16:45
разницы как таковой нет, при помощи id как бы указывается, что подвал уникальный, т.е. не повторяется на странице
#15912 Отправитель: waldicom
25.10.2010 - 16:45
И вообще такие дискуссии лучше вести на форуме, авось кому поможет в будущем. Да и форуму хорошо
#15911 Отправитель: AlmazDelDiablo
25.10.2010 - 16:44
Удалить
Хехе, и правда. Через див все ок в ИЕ и мазилле
#15910 Отправитель: waldicom
25.10.2010 - 16:44
скидывай сюда, на форум. Создай ветку и выкладывай в нее.
#15909 Отправитель: AlmazDelDiablo
25.10.2010 - 16:44
Удалить
А чем id лучше class?
#15908 Отправитель: DmitryOpalev
25.10.2010 - 16:44
Вот к примеру у меня есть вертка - в 3 столбца. У двух из них 100% абсоолютное позиционирование, тогда подвал не будет учитывать их ширину.
#15907 Отправитель: SarPHP
25.10.2010 - 16:43
а лучше: <div id="footer">Это подвал</div>
#15906 Отправитель: SarPHP
25.10.2010 - 16:42
давай я тебе сверстаю как это делается, только куда тебе скинуть?)
#15904 Отправитель: SarPHP
25.10.2010 - 16:41
<div class="footer">Это подвал</div>
#15903 Отправитель: DmitryOpalev
25.10.2010 - 16:40
Я лично не представляю, как на дивах сделать подвал
#15902 Отправитель: waldicom
25.10.2010 - 16:40
Нельзя сказать, что верстка таблицами, это очень очень плохо...
#15901 Отправитель: SarPHP
25.10.2010 - 16:40
Это ошибочное мнение. Таблицами верстали раньше, еще до нашей эры
#15900 Отправитель: AlmazDelDiablo
25.10.2010 - 16:38
Удалить
Сейчас попробую.
#15899 Отправитель: AlmazDelDiablo
25.10.2010 - 16:37
Удалить
А меня всегда учили, что таблицы это гуд, а дивы плохо.
#15898 Отправитель: SarPHP
25.10.2010 - 16:35
не приучивай себя таблицам ,переходи сразу на div
#15897 Отправитель: SarPHP
25.10.2010 - 16:35
верстка таблицами, это очень-очень плохо
#15896 Отправитель: SarPHP
25.10.2010 - 16:33
ясно, у тебя логотип на месте не стоит.. ща глянем что там
#15895 Отправитель: AlmazDelDiablo
25.10.2010 - 16:32
Удалить
http://npanel.ru/
Спустя 2 минуты, 7 секунд (25.10.2010 - 15:50) AlmazDelDiablo написал(а):
SarPHP
Подскажи, как опустить текст? padding-top, margin-top, top не помогают.
Участок кода:
КСС:
Подскажи, как опустить текст? padding-top, margin-top, top не помогают.
Участок кода:
<div class="head_title" align="center">
<span>Добро пожаловать!</span>
</div>
КСС:
.head_title {
background: url(images/head_title_back.png) no-repeat;
height: 104px;
width: 236px;
margin-left: 20px;
float: left;
}
.head_title span {
color: #989898;
padding-top: 20px;
}
Спустя 43 секунды (25.10.2010 - 15:51) DmitryOpalev написал(а):
Ну, кто готов предоставить мне дизайн с тремя колонками и подвалом?
Спустя 3 минуты, 37 секунд (25.10.2010 - 15:55) netruxa написал(а):
AlmazDelDiablo
padding-top: 20px; надо задавать для .head_title {}
padding-top: 20px; надо задавать для .head_title {}
Спустя 1 минута, 35 секунд (25.10.2010 - 15:56) AlmazDelDiablo написал(а):
О, спасибо ) Сработало
ПС: у меня отвал мозгов, почему я сам не догадался?
ПС: у меня отвал мозгов, почему я сам не догадался?
Спустя 6 минут, 42 секунды (25.10.2010 - 16:03) DmitryOpalev написал(а):
Аууууууу...
Спустя 2 минуты, 55 секунд (25.10.2010 - 16:06) SarPHP написал(а):
Almaz, путаница у новичков возникает между padding и margin.
Если сказать грубо, то padding наращивает элемент, а margin отталкивается от родительского элемента.
В данном случае, как тебе посоветовали (padding-top: 20px;), ты нарастил "шапку" элемента на 20 пикселей. Ну мы ведь не хотим увеличивать его площадь, верно? Поэтому применяем margin. Смотри ниже:
Если сказать грубо, то padding наращивает элемент, а margin отталкивается от родительского элемента.
В данном случае, как тебе посоветовали (padding-top: 20px;), ты нарастил "шапку" элемента на 20 пикселей. Ну мы ведь не хотим увеличивать его площадь, верно? Поэтому применяем margin. Смотри ниже:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>
<style type="text/css">
.head_title {
height: 100px;
width: 250px;
margin-left: 200px;
margin-top:100px;
background-color:#CC99CC;
}
.head_title span {
color: #fff;
}
</style>
<body>
<div style="height:300px; background-color:#99FF99; position:absolute; width:100%;">
<div class="head_title" align="center">
<span>Скачу, скачу</span>
</div>
</div>
</body>
</html>
Спустя 50 секунд (25.10.2010 - 16:07) SarPHP написал(а):
Цитата |
Ну, кто готов предоставить мне дизайн с тремя колонками и подвалом? rolleyes.gif |
А что тебе мешает взять готовый шаблон простого сайта и постараться понять что и как там устроено?
Спустя 9 минут, 13 секунд (25.10.2010 - 16:16) AlmazDelDiablo написал(а):
В моем случае margin не подходит, так как он сдвигает фон, а мне надо именно нарастить то, что находится на этом фоне это-то я знаю, уже 2 года ХТМЛ изучаю.
Спустя 3 минуты, 42 секунды (25.10.2010 - 16:20) SarPHP написал(а):
Его можно изучать хоть 10 лет. Главный показатель, это результат. А то что ты тут спрашиваешь (говорю не в обиду тебе), рассматривается на втором уроке по изучению HTML и первом уроке курса по CSS.
Спустя 3 минуты, 29 секунд (25.10.2010 - 16:23) AlmazDelDiablo написал(а):
Спустя 34 секунды (25.10.2010 - 16:24) SarPHP написал(а):
Цитата |
В моем случае margin не подходит, так как он сдвигает фон, а мне надо именно нарастить то, что находится на этом фоне wink.gif это-то я знаю, уже 2 года ХТМЛ изучаю. |
Тебе нет смысла наращивать на 20 пикселей блок с классом .head_title, потому что он имеет уже заданные ширину и высоту (height: 104px; width: 236px;), после того, как ты применишь к нему padding-top:20px у тебя высота станет 124 пикселя. А если ты и дальше будешь продолжать верстать подобной техникой, то в итоге, когда конструкция твоего сайта усложнится, то начнутся очень большие проблемы, сайт начнет буквально рушиться. Уж поверь мне.
Спустя 2 минуты, 2 секунды (25.10.2010 - 16:26) AlmazDelDiablo написал(а):
Эм... опиши плиз, как тогда в этом случае можно сдвинуть текст, не тронув при этом фон, на котором он находится?
Спустя 9 минут, 28 секунд (25.10.2010 - 16:35) SarPHP написал(а):
Цитата |
Ну, кто готов предоставить мне дизайн с тремя колонками и подвалом? |
Вот так?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>
<body>
<div style="height:100px; width:100%; background-color:#444; text-align:center;">
<span style="font-weight:bold; margin-top:30px; position:absolute;">Шапка сайта</span>
</div>
<div style="text-align:center; color:#FFFFFF;">
<div style="width:25%; background-color:#555; float:left; height:200px;">ЗАНИМАЕТ 25 ПРОЦЕНТОВ ШИРИНЫ</div>
<div style="width:25%; background-color:#666; float:left; height:200px;">ЗАНИМАЕТ 25 ПРОЦЕНТОВ ШИРИНЫ</div>
<div style="width:50%; background-color:#777; float:right; height:200px;">ЗАНИМАЕТ 50 ПРОЦЕНТОВ ШИРИНЫ</div></div>
</div>
<div style="background-color:#888; color:#FFFFFF;">Подвал сайта</div>
</body>
</html>
Спустя 44 секунды (25.10.2010 - 16:36) SarPHP написал(а):
Цитата |
Эм... опиши плиз, как тогда в этом случае можно сдвинуть текст, не тронув при этом фон, на котором он находится? |
Полный код в студию.
Спустя 3 минуты, 47 секунд (25.10.2010 - 16:40) AlmazDelDiablo написал(а):
<!DOCTYPE html>
<html><head>
<title>nPanel</title>
<link rel="stylesheet" href="index.css" type="text/css" />
<meta http-equiv="content-type" content="text/html; charset=cp1251" />
</head>
<body>
<div class="header">
<div class="head_title" align="center">
<span>Добро пожаловать!</span>
</div>
<div class="logo">
<img src="images/logo.png">
</div>
</div>
<div class="body">
<table align="center">
<tr>
<td width="150">
E-Meil
</td>
<td width="320">
<input type="text" name="login">
</td>
<div>
</body>
</html>
body {
background: #2e2e2e;
margin: 0;
font-family: Arial;
font-size: 9pt;
font-weight: bold;
}
.header {
background: url(images/header_back.png) repeat-x;
width: 100%;
height: 120px;
}
.head_title {
background: url(images/head_title_back.png) no-repeat;
height: 104px;
width: 236px;
margin-left: 20px;
float: left;
padding-top: 25px;
}
.head_title span {
color: #989898;
}
.logo {
float: right;
background: url(images/head_light.png) no-repeat;
width: 408px;
height: 264px;
}
.logo img {
padding-top: 60px;
padding-left: 250px;
}
.body {
margin:auto;
margin-top: 10%;
background: url(images/avt_back.png);
width: 500px;
height: 450px;
}
Спустя 52 минуты, 23 секунды (25.10.2010 - 17:32) SarPHP написал(а):
В твоем "бардаке" разбираться удовольствие не из приятных. Вот сконструировал тебе минисхему как тебе нужно поступить. Стили я вытащил в документ, чтобы удобно было. Поясню один момент. Элемент body имеет значения в css (margin:0 auto; width:960px;), это для того, чтобы весь контент сайта был шириной 960px и выравнивание происходит по центру (margin:0 auto). Резиновые сайты тебе рано писать, поэтому ограничимся сайтом, который смотрится на всех мониторах одинаково (в простонародье, "сайт-скриншот").
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>nPanel</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<style type="text/css">
body { background: #fff; font-family: Arial; font-weight: bold; margin:0 auto; width:960px; }
#header { background-color:#ccc; height:120px; width:960px; }
.head_title { position:absolute; margin:54px 0 0 120px; }
.head_title span { color: #fff; }
.logo img { margin-left:750px; margin-top:30px; }
#content { background-color:#aaa; color:#FFFFFF; padding:20px; }
#footer { background-color:#777; color:#FFFFFF; padding:20px; }
</style>
</head>
<body>
<div id="header">
<div class="head_title"><span>ШАПКА САЙТА</span></div>
<div class="logo"><img src="nPanel_files/logo.png"></div>
</div>
<div id="content">
КОНТЕНТ КОНТЕНТ КОНТЕНТ КОНТЕНТ КОНТЕНТ КОНТЕНТ КОНТЕНТ КОНТЕНТ
</div>
<div id="footer">
ПОДВАЛ ПОДВАЛ ПОДВАЛ ПОДВАЛ ПОДВАЛ ПОДВАЛ ПОДВАЛ ПОДВАЛ ПОДВАЛ
</div>
</body>
</html>
Спустя 8 минут, 53 секунды (25.10.2010 - 17:41) Evilsoul написал(а):
Классное название темы div VS table
Почему вечный спор? Как по мне, мне абсолютно ... чем верстать.
Кто-то говорит что тейбл только для таблиц, почему?
Ведь Див тоже не для верстки предназначен, а для выделения фрагмента документа. Можно вообще использовать практически любой тег для версти, опешите ему стили, сделайте его блочным если хотите и верстайте, при этом можно утверждать что это новый вид верстки и твердить что дивы это прошлый век.
Единая разница которую я вижу межу тейблом и дивом, в том что в тейбле геморой со строками и столбцами, зато его проще расположить по центру и задать строгие параметры, при этом особо не переживая что он куда-нибудь уедет, за что-то спрячится или ещё чего.
И в заключение: предлагаю новый вид верстки, название ему - div with table
Иллюстрации
З.Ы. Обсуждаем
Почему вечный спор? Как по мне, мне абсолютно ... чем верстать.
Кто-то говорит что тейбл только для таблиц, почему?
Ведь Див тоже не для верстки предназначен, а для выделения фрагмента документа. Можно вообще использовать практически любой тег для версти, опешите ему стили, сделайте его блочным если хотите и верстайте, при этом можно утверждать что это новый вид верстки и твердить что дивы это прошлый век.
Единая разница которую я вижу межу тейблом и дивом, в том что в тейбле геморой со строками и столбцами, зато его проще расположить по центру и задать строгие параметры, при этом особо не переживая что он куда-нибудь уедет, за что-то спрячится или ещё чего.
И в заключение: предлагаю новый вид верстки, название ему - div with table
Иллюстрации
<table>
<tr>
<td>
<div>Голова - всему голова</div>
</td>
</tr>
<tr>
<td>
<div>Левая рука не хуже правой, если уметь ею пользоваться</div>
</td>
<td>
<div>Органы - немаловажно для жизни</div>
</td>
<td>
<div>Правая рука - ходит за руководителем везде</div>
</td>
</tr>
<tr>
<td>
<div>Подвал - там темно и страшно</div>
</td>
</tr>
</table>
З.Ы. Обсуждаем
Спустя 8 минут, 40 секунд (25.10.2010 - 17:50) DmitryOpalev написал(а):
Кстати да, я примерно так и делаю.
Саму страницу разбил на голову, тело и подвал. Потом засунул внутрь блоки
Саму страницу разбил на голову, тело и подвал. Потом засунул внутрь блоки
Спустя 5 минут, 40 секунд (25.10.2010 - 17:55) aH6y написал(а):
Evilsoul
твой `новый` вид вёрстки совсем не новый...
твой `новый` вид вёрстки совсем не новый...
Спустя 1 минута, 47 секунд (25.10.2010 - 17:57) SarPHP написал(а):
EvilSoul, при выборе чем верстать (таблицами или дивами), какой совет хочется дать новичку в этом вопросе? Конечно, пускай начинают с дивов, а то если человек приучится к чему-нибудь, то потом уже не легко его отучить от этого дела. Структура HTML5 верстается дивами, дивы это стандарт валидности. Представьте, что если человек верстал сайты всю свою жизнь согласно стандартам (дивами) и тут ему предлагают помочь с другим сайтом, а он построен на таблицах, представьте, к какому шоку придет этот человек
А вообще, консорциум W3C вас бы застрелил за вашу иллюстрацию (шутка).
Итог: Выиграет HTML5
А вообще, консорциум W3C вас бы застрелил за вашу иллюстрацию (шутка).
Итог: Выиграет HTML5
Спустя 3 минуты, 38 секунд (25.10.2010 - 18:01) aH6y написал(а):
SarPHP
хороший верстальщик должен уметь верстать нетолько на div'ax
хороший верстальщик должен уметь верстать нетолько на div'ax
Спустя 16 секунд (25.10.2010 - 18:01) DmitryOpalev написал(а):
А я нормально все структуры разбираю
Спустя 30 секунд (25.10.2010 - 18:01) DmitryOpalev написал(а):
Хороший верстальших должен уметь верстать на всем. Даже на ссылках
Спустя 4 минуты, 4 секунды (25.10.2010 - 18:06) SarPHP написал(а):
aH6y, вообще, любой сайт, можно, как минимум, сверстать двумя способами. W3C уже ни один год ломает голову над тем, как объединить людей в правильности верстки. Конечно, хороший верстальщик должен верстать не только на дивах. Бывает табличная структура, тут без таблиц не обойтись.
Спустя 6 минут, 46 секунд (25.10.2010 - 18:12) DmitryOpalev написал(а):
А давайте сайт на ББ сверстаем?
Спустя 6 минут, 52 секунды (25.10.2010 - 18:19) AlmazDelDiablo написал(а):
Я осознал, что я нуб
Спустя 3 минуты, 39 секунд (25.10.2010 - 18:23) DmitryOpalev написал(а):
Да не... я по математике на олимпиады хожу, места занимаю, а за четверть спорная 3-4
Спустя 18 минут, 16 секунд (25.10.2010 - 18:41) AlmazDelDiablo написал(а):
Цитата (SarPHP @ 25.10.2010 - 18:32) |
<html xmlns="http://www.w3.org/1999/xhtml"> |
На хтмлбуке не нашел, что дает этот элемент в <html>?
Цитата (SarPHP @ 25.10.2010 - 18:32) |
position:absolute; |
Не совсем понял, а что это?
Спустя 4 минуты, 24 секунды (25.10.2010 - 18:45) DmitryOpalev написал(а):
Абсолютное позиционирование от родительского блока)))
Спустя 5 минут, 41 секунда (25.10.2010 - 18:51) SarPHP написал(а):
Almaz, не забивай голову лишней информацией. Если не ошибаюсь, то это пространство имен тегов xhtml.
Спустя 10 минут, 14 секунд (25.10.2010 - 19:01) DmitryOpalev написал(а):
А xml... насколько я помню, это что-то типа возможность использовать нестандартные html теги, например <cat></cat> - по идее такого тега нет, но его можно использовать...
Как-то так
Как-то так
Спустя 7 минут, 10 секунд (25.10.2010 - 19:09) AlmazDelDiablo написал(а):
Цитата (DmitryOpalev @ 25.10.2010 - 19:45) |
Абсолютное позиционирование от родительского блока))) |
В терминах я и в хтмлбуке могу прочитать, но так же как и тут - ничего не понять. Об этом свойстве КСС я знал, но не мог понять, что он дает. Можно как-нибудь по просто, что конкретно он делает?)
Спустя 3 минуты, 9 секунд (25.10.2010 - 19:12) DmitryOpalev написал(а):
Ну, например
Если спану установить position: absolute, то они совместятся левыми верхними углами
<div>
<span>
...
</span>
</div>
Если спану установить position: absolute, то они совместятся левыми верхними углами
Спустя 16 минут, 35 секунд (25.10.2010 - 19:28) AlmazDelDiablo написал(а):
И все же, SarPHP, как же отодвинуть текст от верхнего края, не двигая его фон и не пользуясь padding-top?
Спустя 4 минуты, 38 секунд (25.10.2010 - 19:33) DmitryOpalev написал(а):
Создай еще один блок, который будет заменять padding))
Спустя 3 минуты, 55 секунд (25.10.2010 - 19:37) SarPHP написал(а):
Скопируй мой код, который я выложил специально для тебя на второй странице и разберись как он работает. Он ответит на твой вопрос.
Спустя 1 минута, 25 секунд (25.10.2010 - 19:38) DmitryOpalev написал(а):
Это как наставление
Спустя 9 минут, 17 секунд (25.10.2010 - 19:48) AlmazDelDiablo написал(а):
Толи я дурак, толи одно из двух. У тебя в коде двигается картинка отновительно одного фона (который задан в #header) с помощью маргина. У меня же есть фон из #header, потом фон из .header_title, на который примерен маргин-лефт, а уже поверх этого есть текст, на который не работает ни маргин, ни топ, ни паддинг.
upd: стоп, кажется начал понимать.
upd2: нет, все же не понимаю.
upd: стоп, кажется начал понимать.
upd2: нет, все же не понимаю.
Спустя 46 минут, 38 секунд (25.10.2010 - 20:34) Evilsoul написал(а):
Эй-эй-эй, что вы человеку наговорили.
AlmazDelDiablo Абсолютное позиционирование - это размещение относительно окна браузера. Проще говоря параметры top, left, right, bottom установят отступ от края окна браузера.
Запусти это:
Теперь, поюзай браузер, вправо, влево, уже шире, вверх, вниз.
Таким образом можно сделать тени блоков, если задать точное положение и установить ещё один параметр z-index.
AlmazDelDiablo Абсолютное позиционирование - это размещение относительно окна браузера. Проще говоря параметры top, left, right, bottom установят отступ от края окна браузера.
Запусти это:
<div style="position: absolute; top: 50px; left: 20px; width: 500px; height: 500px; border: 1px solid; background-color: #f00;">W3C</div>
Теперь, поюзай браузер, вправо, влево, уже шире, вверх, вниз.
Таким образом можно сделать тени блоков, если задать точное положение и установить ещё один параметр z-index.
Спустя 18 минут, 22 секунды (25.10.2010 - 20:53) Evilsoul написал(а):
Цитата (SarPHP @ 25.10.2010 - 14:57) |
EvilSoul, при выборе чем верстать (таблицами или дивами), какой совет хочется дать новичку в этом вопросе? |
Хочется дать совет, учите HTML - ибо основа, CSS - дизайн, стиль.
Цитата |
Итог: Выиграет HTML5 |
Ну, тут можно поспорить, у него кроссбраузерность плохая, ещё не скоро он выиграет
Спустя 2 минуты, 46 секунд (25.10.2010 - 20:55) AlmazDelDiablo написал(а):
Спасибо, злая-душа Разъяснил.
Спустя 9 минут, 5 секунд (25.10.2010 - 21:04) Evilsoul написал(а):
AlmazDelDiablo Пожалуйста Если быть точным Душа зла, хотя на самом деле добрый, так уж со школьных времен повелось )
Спустя 2 минуты, 51 секунда (25.10.2010 - 21:07) inpost написал(а):
Подвал верстки на диве должен выравнивать эту верстку, поэтому подвалу необходимо записать: {clear: both;}
А вообще, до этого писал на таблицах (сайтов 8 или 9), сейчас пишу на дивах (4-5 сайтов). Переучился легко, главная особенность - меньше места занимает и удобнее для восприятия сложных структур:
А таблицами можно пользоваться уже внутри для создания множественных колонок.
А вообще, до этого писал на таблицах (сайтов 8 или 9), сейчас пишу на дивах (4-5 сайтов). Переучился легко, главная особенность - меньше места занимает и удобнее для восприятия сложных структур:
<div class="header"><?php include("blocks/header.php"); ?></div>
<div class="body">
<div class="blockleft2"><div align="justify"><?php include("blocks/left.php"); ?></div></div>
<div class="blockright2"><div align="justify" class="blockrightpad2"><?php include($thispage.".php"); ?></div></div>
<div id="bottom"></div>
</div>
<div class="footer"><?php include("blocks/footer.php"); ?></div>
А таблицами можно пользоваться уже внутри для создания множественных колонок.
Спустя 6 минут, 21 секунда (25.10.2010 - 21:14) DmitryOpalev написал(а):
Evilsoul, смею с вами не согласится, коллега...
...
На самом деле да
Я не все написал...
Если ты будешь прямо указывать блок:
То переместится в левый верхний угол экрана.
--------------------------------------------------------
А если к примеру так:
Будет выровнен по ячейке, в которой блок находится...
Вот так
...
На самом деле да
Я не все написал...
Если ты будешь прямо указывать блок:
div {position: absolute;}
То переместится в левый верхний угол экрана.
--------------------------------------------------------
А если к примеру так:
table tr td div {position: absolute;}
Будет выровнен по ячейке, в которой блок находится...
Вот так
Спустя 48 минут, 52 секунды (25.10.2010 - 22:02) Evilsoul написал(а):
DmitryOpalev , смею с вами не согласится, коллега...
А если так?
З.Ы. для таких случаев правильно использовать параметр позиции relative
table tr td div {position: absolute; z-index:10}
А если так?
З.Ы. для таких случаев правильно использовать параметр позиции relative
Спустя 3 минуты, 49 секунд (25.10.2010 - 22:06) DmitryOpalev написал(а):
Вы, коллега ( ) намекаете на то, что он сместиться относительно body?
Спустя 2 минуты, 56 секунд (25.10.2010 - 22:09) Evilsoul написал(а):
Коллега, Вы попали прямо в точку
Спустя 49 секунд (25.10.2010 - 22:10) DmitryOpalev написал(а):
Приятный был разговор, я думаю, надо будет как нибудь продолжить нашу дисскусию...
Спустя 34 минуты, 41 секунда (25.10.2010 - 22:45) Evilsoul написал(а):
Взаимно сударь, я не против
Спустя 10 часов, 26 минут, 37 секунд (26.10.2010 - 09:11) sharki написал(а):
А не легче для новичков взять уже каркас вот тут http://csstemplater.com/, там всё на дивах, его разобрать как хочется, и дополнить чего не хватает?)
Спустя 28 минут, 20 секунд (26.10.2010 - 09:40) Evilsoul написал(а):
Так а чему же новичку тогда учится, если в инете много есть готового...
Спустя 1 минута, 1 секунда (26.10.2010 - 09:41) SarPHP написал(а):
Цитата |
А не легче для новичков взять уже каркас вот тут http://csstemplater.com/, там всё на дивах, его разобрать как хочется, и дополнить чего не хватает?) |
Я об этом уже писал на первой странице темы. Правильный совет. Учиться можно и на чужих примерах. Любой сайт - это как книжка, после изучения которой в голове откладываются определенные знания.
Спустя 1 час, 17 минут, 5 секунд (26.10.2010 - 10:58) aH6y написал(а):
Evilsoul
было бы желание...
было бы желание...
_____________
Блог | VK | GitHub | Twitch