Не понимаю, столько лишнего кода и потраченого времени. Правда сделано без таблиц… ну и что? Какая от этого польза — потраченое время? Бъло бы короче и быстрее чем таблицы — тогда бы было хорошо и полезно. Реальной пользе (кроме понтоватся) от этого нет
Этой? :) Куча лишних дивов — нергамотная разработка, куча скриптов — надо вынести в отдельный файл. Эта страница далека от проф. верстки, как и вы. Отвечать вам больше смысла нет. Книжки почитайте. Ерик Мейер, Моли Хоицшлаг.
2. Разница в том что экономится время. Для вас время не ценно?
3. Изначально углы были сверстаны через 4 ДИВа, разбросанных по углам, и всё бы хорошо, если бы не одно НО — IE6. В нем этот номер не пролез, пришлось всё переверстывать таким вот образом.
4. Ну и то. Что изначально таблицы были для данных а потом начали использоватся для верстки
5. Float ни как не позиционирование в потоке:
Floats. In the float model, a box is first laid out according to the normal flow, then taken out of the flow and shifted to the left or right as far as possible. Content may flow along the side of a float.
Спецификация CSS на w3c.org
then taken out of the flow — вынимается из потока!
6. А вы думаете эти сайты верстали случайные люди. Вы вобще представляете что в этих конторах работают случайные люди или неграмотные верстальщики?
1. Пользователю веб страницы всеравно что вы используете
2. Таблицами быстрее, понятнее, меншье кода, соотвествено уходит меньше времени
3. кросбраузерно
4. предназначены для табличных данных — изначально… интернет изначально был предназначен для военных…
5. float — для обтекания --вы предлагаете заменить таблицы которые как вы говорите не предназначены для оформления, свойством CSS float — которое тоже не предназначено для позиционирования. Это выходит взять одну неправильную технологию и заменить другой неправильной? Предложите правильную хотя бы.
6. посмотрите на google.com, artlebedev.ru, amazon.com — везде таблицы, а сайты одни из самых успешных. Вы думаете их верстали случайные люди? Ну если вы и с ними не согласны… ну тут уже задумайтесь сами.
1. Пользователю веб страницы всеравно что вы используете
2. Таблицами быстрее, понятнее, меншье кода, соотвествено уходит меньше времени
3. кросбраузерно
4. предназначены для табличных данных — изначально… интернет изначально был предназначен для военных…
5. float — для обтекания --вы предлагаете заменить таблицы которые как вы говорите не предназначены для оформления, свойством CSS float — которое тоже не предназначено для позиционирования. Это выходит взять одну неправильную технологию и заменить другой неправильной? Предложите правильную хотя бы.
6. посмотрите на google.com, artlebedev.ru, amazon.com — везде таблицы, а сайты одни из самых успешных. Вы думаете их верстали случайные люди? Ну если вы и с ними не согласны… ну тут уже задумайтесь сами.
Вы кто у нас? Донателла Версаче по HTML ??!? xa, xa ,xa!
Таблицами ефективно и кросбраузерно, пока IE не начнет подерживать display: table-cell;
А запихивать div в div, писать громоздкий CSS, куча лишних class, использовать свойства не по назначению (float прдназначен для обтекания, а не для позиционирования) — это неправильный подход к верстке без пракитческого приложения.
Это вы про метод «тыка» говорите, пробуем пока не получится. Не лутчше ли сначало поучится у экспертов (Мейер, Хольцшлаг)? Или думаете лутчше изобретать велосипед?
у кого учатся? Где тут учитель? может быть CurlyBrace, который не знает про универсальный селектор — * и скороей всего не понимает почему каскадные таблицы стилей называются каскадными… в блоге по Веб-разработке нет одного авторитетного автора — если есть хорошая статья, она перевод.
Проблема касается только сайтов с фиксированой шириной. Фиксированя ширина это ошибочная верстка. Эсли кто-то не согласен посмотрите Яндекс, Google, W3C.org, MSDN — нигде нет фиксированой ширины.
Просто надо верстать правильно, без фиксированой ширины и проблем не будет.
сколько у меня минусов по верхнему посту — столько непрофесоинальных разработчиков прочитала эту статью и нашла в ней что-то уникальное. проблема рабочая, и решение не сложное. Жду от автора следущую сатью про то как он заключил заголовок в теэги h1.
Errors found while checking this document as XHTML 1.0 Transitional!
Result: 73 Errors, 1 warning(s)
Маестро, маестро, валидатором хоть бы просмотрел код свой
2. Фиксированая ширина страницы… не удобно — не верите посмотрите amazon, google…
3. подстоновочные знаки типа — “… тут надо utf, таблицу символов… а такими знаками пользовались 10 лет назад
4. еще такой вот код есть… style=«text-align: left;» border=«1» width=«100%» — с кавычками беда…
5. куча дивов, куча классов…
МАЕСТРО… хе хе хе :)
тут не конференция наверное а семинар по истории веб технологий!!! :))))
Этой? :) Куча лишних дивов — нергамотная разработка, куча скриптов — надо вынести в отдельный файл. Эта страница далека от проф. верстки, как и вы. Отвечать вам больше смысла нет. Книжки почитайте. Ерик Мейер, Моли Хоицшлаг.
Хороший ряд. Но не показательный.
Но не показательный???!!!??? А кто покзательный? Вы вообще на каком свете живете?
Да… искернно посмеялся я над кодом вашего сайта… :)
Валидатор пишет: Errors found while checking this document as XHTML 1.0 Strict! Result: 570 Errors, 429 warning(s)
validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fbitby.net%2F
2. Разница в том что экономится время. Для вас время не ценно?
3. Изначально углы были сверстаны через 4 ДИВа, разбросанных по углам, и всё бы хорошо, если бы не одно НО — IE6. В нем этот номер не пролез, пришлось всё переверстывать таким вот образом.
4. Ну и то. Что изначально таблицы были для данных а потом начали использоватся для верстки
5. Float ни как не позиционирование в потоке:
Floats. In the float model, a box is first laid out according to the normal flow, then taken out of the flow and shifted to the left or right as far as possible. Content may flow along the side of a float.
Спецификация CSS на w3c.org
then taken out of the flow — вынимается из потока!
6. А вы думаете эти сайты верстали случайные люди. Вы вобще представляете что в этих конторах работают случайные люди или неграмотные верстальщики?
2. Таблицами быстрее, понятнее, меншье кода, соотвествено уходит меньше времени
3. кросбраузерно
4. предназначены для табличных данных — изначально… интернет изначально был предназначен для военных…
5. float — для обтекания --вы предлагаете заменить таблицы которые как вы говорите не предназначены для оформления, свойством CSS float — которое тоже не предназначено для позиционирования. Это выходит взять одну неправильную технологию и заменить другой неправильной? Предложите правильную хотя бы.
6. посмотрите на google.com, artlebedev.ru, amazon.com — везде таблицы, а сайты одни из самых успешных. Вы думаете их верстали случайные люди? Ну если вы и с ними не согласны… ну тут уже задумайтесь сами.
2. Таблицами быстрее, понятнее, меншье кода, соотвествено уходит меньше времени
3. кросбраузерно
4. предназначены для табличных данных — изначально… интернет изначально был предназначен для военных…
5. float — для обтекания --вы предлагаете заменить таблицы которые как вы говорите не предназначены для оформления, свойством CSS float — которое тоже не предназначено для позиционирования. Это выходит взять одну неправильную технологию и заменить другой неправильной? Предложите правильную хотя бы.
6. посмотрите на google.com, artlebedev.ru, amazon.com — везде таблицы, а сайты одни из самых успешных. Вы думаете их верстали случайные люди? Ну если вы и с ними не согласны… ну тут уже задумайтесь сами.
Вы кто у нас? Донателла Версаче по HTML ??!? xa, xa ,xa!
Таблицами ефективно и кросбраузерно, пока IE не начнет подерживать display: table-cell;
А запихивать div в div, писать громоздкий CSS, куча лишних class, использовать свойства не по назначению (float прдназначен для обтекания, а не для позиционирования) — это неправильный подход к верстке без пракитческого приложения.
А так, ради эксперимента или феншуя — можно. :)
Ошибки:
1. Фикс. ширина. — Верстка аматера, который не умеет верстать масштабируемый сайт.
2. Элемент img, нет размеров изображения.
3. CSS… беда просто, вместо:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
не проще ли:
* {
margin: 0;
padding: 0;
}
???? Он большое внимание уделил размеру страницы и её исходного кода. ????? :)))))))))
4. размер шрифта в px ???
5. Сначало задаете для h1 margin: 0; padding: 0; потом еще раз:
h1 {
float: left;
width: 288px;
height: 96px;
overflow: hidden;
background: url(../images/logo.png) left top no-repeat;
text-indent: -5000px;
!!! margin: 0 0 25px 0;!!!
}
Рекомендую авторам почитать: CSS — каскадные таблицы стилей. Подробное руководство. 3-е издание
Мейер Э
Ну и: Языки HTML и CSS — Хольцшлаг М.
Ну а потом статьи писать :)
Удачи Авторам в изучении верстки!!!
Просто надо верстать правильно, без фиксированой ширины и проблем не будет.