Помощник
|
Параграфы, блоки и их представление, Лекция №3 |
ZiTosS
|
Сообщение
#1
|
||
|
|
||
|
|||
Robot-sgibatel |
22.1.2009, 14:11;
Ответить: Robot-sgibatel
Сообщение
#2
|
|
Остается только добавить что закрывающий тег </p> необязателен.
А насчет div полностью согласен - сложно . Я помню пытался как-то меню справа сделать, я где-то причитал что нужно как-то в style.txt писать float:right; margin-left:-200px; ... короче я так и не понял |
|
|
ZiTosS
|
Сообщение
#3
|
|
Остается только добавить что закрывающий тег </p> необязателен. Это вы правильно подметили. Но я не стал писать про необязательность закрывающего тега, чтобы люди не нарушали понятность структуры вёрстки. Вот убери ты </p> ,а у тебя на странице наисложнейшая вёрстка и в коде ужасный хаос, что сложно что-то понять. Вот кто-то и запутается в коде и будет думать "А до куда у него параграф тянется..." А насчет div полностью согласен - сложно smile.gif. Я помню пытался как-то меню справа сделать, я где-то причитал что нужно как-то в style.txt писать float:right; margin-left:-200px; ... короче я так и не понял smile.gif Для начинающих это конечно сложно, а тот кто понимает, что означает свойство float(обтекание элемента) в CSS. Представь, что блок представляет из себя картинку, и если ей прописать align="left", то текст или другие элемнты будут её обтекать справа. Так же и с Div'ами. И ещё... Обычно имя файла стилей не style.txt, а style.css. Разница может и не существенная в названии, но косяки отсюда могут вылезти. Если захочешь изучить блочную верстку и будут возникать вопросы, не стесняйся, задавай в разделе HTML, я отвечу обязательно |
|
|
Гость_0_* Гость_0_* |
22.1.2009, 23:09;
Ответить: Гость_0_*
Сообщение
#4
|
|
|
|
|
kimer |
6.2.2009, 2:38;
Ответить: kimer
Сообщение
#5
|
|
Но она имеет огромное преимущество перед таблицами! Таблица ждёт пока всё её содержимое, каждая ячейка, загрузится, а затем уже выдаётся на экран. А блоки, это те же самые ячейки, только грузятся они каждые по отдельности. Прям так уж и огромное. Опера нормально грузит таблицы по ячейкам. Да и насчет других браузеров можно эту проблему порешать, если уж это так важно: "Элементы th и td позволяют определить подзаголовок или ячейки данных, а также указать браузерам, как должны выглядеть столбцы в таблице. Для этого используются два элемента: тег colgroup создает структурную группу, устанавливающую характеристику столбцов в этой группе, а тег col позволяет задать общие для группы атрибуты. В совокупности эти элементы позволяют браузерам немедленно начинать вывод на экран столбцов, постепенно (по мере загрузки) формируя таблицу..." |
|
|
ZiTosS
|
Сообщение
#6
|
|
Да это так... Но что приятнее смотрится в коде
<table width="100%" border="1" rules="groups"> <colgroup span="2" align="center" width="50%"> <tr> <td>Ячейка 1_1</td> <td>Ячейка 1_2</td> </tr> <tr> <td>Ячейка 2_1</td> <td>Ячейка 2_2</td> </tr> </table> Или блочной <div style="width: 100%;"> <div align="center" style="width: 50%; float: left;">Ячейка 1_1</div> <div align="center" style="width: 50%; float: left;">Ячейка 1_2</div> </div> <div style="width: 100%;"> <div align="center" style="width: 50%; float: left;">Ячейка 2_1</div> <div align="center" style="width: 50%; float: left;">Ячейка 2_2</div> </div> Особенно если все параметры блоков убрать в CSS, я думаю будет намного красивее. .parentId { width: 100%; } .parentId div { float: left; width: 50%; text-align: center; } ....................... <div class="parentId"> <div>Ячейка 1_1</div> <div>Ячейка 1_2</div> </div> <div class="parentId"> <div>Ячейка 2_1</div> <div>Ячейка 2_2</div> </div> Думаю разница видна невооруженным глазом |
|
|
kimer |
6.2.2009, 15:36;
Ответить: kimer
Сообщение
#7
|
|
Да это так... Но что приятнее смотрится в коде... Думаю разница видна невооруженным глазом Я не могу сказать насколько приятнее людям смотреть на такой код и кто этим вообще занимается Каких-либо значительных преимуществ в плане скорости загрузки блочная верстка не дает. Зато создает много проблем с отображением в разных браузерах, чего при табличной верстке практически нет, либо легко устранимо. Стоит ли канитель-то с этим разводить? Блочную верстку осуществить гораздо труднее. Да и код, скорее всего, будет тяжелее. |
|
|
ZiTosS
|
Сообщение
#8
|
|
Да и код, скорее всего, будет тяжелее. Не всегда. А по поводу сложнее осуществить, это ты не прав. Ты же изучил таблицы, как в ней объединяются столбцы и строки. Также подробно нужно изучить и блоки. А так же почитать W3C спецификацию + всегда использовать один и тот же DOCTYPE, тогда все сложности отпадут. |
|
|
kimer |
7.2.2009, 0:38;
Ответить: kimer
Сообщение
#9
|
|
|
Сомневаюсь, что все сложности отпадут. На будущее - возможно. А пока по старым браузерам отзывы о блочной верстке не очень.
И то, что сложнее осуществить - это практически все признают. Сейчас это больше вопрос престижа, вроде как - "высший пилотаж". Я сайты только для себя делаю. Никаких проблем никогда не было с табличным каркасом. Все отлично работает. Не вижу смысла самому себе проблемы создавать. Если человек конечно в фирме какой-нибудь вебмастером работает, тогда - другое дело...
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Продам места под сквозные блоки на СМИ сайте текст или графика |
0 | seo_vladimir | 786 | 2.9.2020, 12:14 автор: seo_vladimir |
|
Не могу выровнять блоки по правую сторону | 1 | Dark_Delphin | 5908 | 18.11.2016, 0:14 автор: -Петр Чирнов- |
|
При уменьшении масштаба разъезжаются блоки | 0 | Alex.Bulgakov | 3529 | 9.11.2016, 15:28 автор: -Alex.Bulgakov- |
|
Как поднять блоки вверх | 2 | Denis_sf | 12870 | 21.11.2013, 22:32 автор: -hennessy- |
|
Сайт расползается на блоки при смене размера шрифта | 3 | datenrettung | 5630 | 26.2.2013, 22:16 автор: -Arks- |
Текстовая версия | Сейчас: 19.4.2024, 21:31 |