Имя пользователя:
Пароль:
 | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » "быстрая" верстка

Ответить
Настройки темы
"быстрая" верстка

Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83


Конфигурация

Профиль | Сайт | Отправить PM | Цитировать


Изменения
Автор: Vlad Drakula
Дата: 27-04-2006
тема посвещена созданию "быстрой" верстки...

термин "быстрая" подразумевает быструю загрузку и парсинг страницы!

по своей работе я постоянно сталкиваюсь с проблемой оптимизации
верстки!

мой опыт показал что что даже если вылизать все, но при этом будет
кривая верстка все равно страницы будут открываться медленно!

и не важно насколько быстр сервер...

при создании сложной верстки запрещается использовать таблицы! это
связано с багом в ие: парсинг и отображение таблиц в ие работает очень
медленно!

если есть возможность разделить интерфейсы и верстку для IE и всех
остальных... то это желательно сделать... из-за особенностей
эксплорера!

в шаблонах для эксплорера нужно использовать так можно больше фильтров
в место картинок... иначе страница будет медленно отображаться!

кстати вот не плохой сайт со списком и примерами фильтров IE.

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!


Отправлено: 12:35, 27-04-2006

 

Аватара для benya

Старожил


Сообщения: 302
Благодарности: 5

Профиль | Сайт | Отправить PM | Цитировать


Vlad Drakula,
Ну и оно все сбилось в одну большую кучу. Что X/Y попиксельно выставлять? А как рамку поставить?

Отправлено: 14:03, 23-05-2006 | #11



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать


benya
скажу честно, то что я написал, не проверял, писал по памяти, вроде должно работать...

Цитата:
Что X/Y попиксельно выставлять?
иногда приходится... я иногда по 20-30 CSS классов для этого пишу...

Цитата:
А как рамку поставить?
а все сразу хочешь... верстка дивами это зачастую очень сложное занятие... иногда на верстку одного елемента уходит полдня... а если что то сложное верстать то может уйти и неделя... но для меня зачастую просто нету альтернатив... так что приходится...

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!


Отправлено: 14:13, 23-05-2006 | #12


Аватара для benya

Старожил


Сообщения: 302
Благодарности: 5

Профиль | Сайт | Отправить PM | Цитировать


Vlad Drakula,
Наверное много платят ) Можно так и пол года ковыряться. Да ну, по мойму дурная затея...может для простого дизайна и годится.

Отправлено: 14:43, 23-05-2006 | #13


Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать


benya
как разтаки... сложный дизайн на таблицах не сделаещь(действительно сложный)... иначе IE просто повиснет...

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!


Отправлено: 14:51, 23-05-2006 | #14


Аватара для benya

Старожил


Сообщения: 302
Благодарности: 5

Профиль | Сайт | Отправить PM | Цитировать


Vlad Drakula,
Цитата:
сложный дизайн на таблицах не сделаещь(действительно сложный).
От того что дивы плавают, а ячейки таблицы нет?

Цитата:
иначе IE просто повиснет...
Это уже другой вопрос. Кстати, часто замечаю что иногда эксплорер замораживается. Особенно если быстро обновить страницу. Приходится его закрывать и открывать новое окно. Не от того ли?

Отправлено: 15:12, 23-05-2006 | #15


Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать


benya
Цитата:
Это уже другой вопрос. Кстати, часто замечаю что иногда эксплорер замораживается. Особенно если быстро обновить страницу. Приходится его закрывать и открывать новое окно. Не от того ли?
вполне возможно, я уже создавал тему с примером HTML который заставляет эксплорер сильно задуматься...

Цитата:
От того что дивы плавают, а ячейки таблицы нет?
от того что IE не переваривает таблицы с большой вложенностью...

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!


Отправлено: 15:41, 23-05-2006 | #16


Аватара для benya

Старожил


Сообщения: 302
Благодарности: 5

Профиль | Сайт | Отправить PM | Цитировать


Vlad Drakula,
Ну ок сделали мы так... Что будет если в один из элементов (внутренних ячеек) добавить:

Код: Выделить весь код
<br><br><br><br>end
По сути дивка растянется вниз. А родительская дивка останется на месте. А если она еще и с рамкой то все оказывается и поплыло. Как бороться?

Отправлено: 16:17, 23-05-2006 | #17


Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать


benya

или

если возможна такая ситуация, то одну из ячеек можно сделать без обсолютного позиционирования, тогда будет растягиваться вся строка...

или

использовать "overflow:hidden;" чтобы скрывать не влезающий текст.

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!


Отправлено: 16:31, 23-05-2006 | #18


Аватара для benya

Старожил


Сообщения: 302
Благодарности: 5

Профиль | Сайт | Отправить PM | Цитировать


Vlad Drakula,
Ты вообще какой-то код неправильный дал.
Вот что у меня получилось:
Код: Выделить весь код
<style type="text/css">
<!--
.DivMain {
	background-color: #FFFFFF;
	width:100%;
	border: #CCCCCC 1px solid;
}
.DivLeft {
	float:left;
	width:25%;
	background-color: #EEEEEE;
}
-->
</style>

<div class="DivMain" style="width:100%">
<div class="DivLeft">Привет1</div>
<div class="DivLeft">Привет2</div>
<div class="DivLeft">Привет3</div>
<div class="DivLeft">Привет4</div>
</div>
Ячейки идут одна за другой. Как теперь добавить новую строку с новыми ячейками, и так же добавить бордюр по их краям, но что бы он не пересекался?

Отправлено: 18:07, 23-05-2006 | #19


Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать


benya
мой код был расчитан на баги IE с рачетом относительныз размеров...

так должны появиться несколько строк:
HTML код: Выделить весь код
<div class="DivMain" style="width:100%"> <div class="DivLeft">Привет1</div> <div class="DivLeft">Привет2</div> <div class="DivLeft">Привет3</div> <div class="DivLeft">Привет4</div> </div> <div class="DivMain" style="width:100%"> <div class="DivLeft">Привет1</div> <div class="DivLeft">Привет2</div> <div class="DivLeft">Привет3</div> <div class="DivLeft">Привет4</div> </div> <div class="DivMain" style="width:100%"> <div class="DivLeft">Привет1</div> <div class="DivLeft">Привет2</div> <div class="DivLeft">Привет3</div> <div class="DivLeft">Привет4</div> </div>

PS
кстати на форуме есть тег [ HTML ]

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!

Это сообщение посчитали полезным следующие участники:

Отправлено: 18:40, 23-05-2006 | #20



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » "быстрая" верстка

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Интерфейс - [решено] Как удалить папку "Моя музыка","Мои Картинки", "Мое видео"? verdix Microsoft Windows 2000/XP 3 03-10-2009 23:46
Debian/Ubuntu - [решено] Пропали кнопки "свернуть","закрыть","во весь екран" в папках Alex.sys Общий по Linux 5 02-04-2009 11:13
Не получается найти все выпуски "Хакер"+"спец"+"железо" verdix Хочу все знать 5 29-11-2008 15:19
[решено] Верстка. Форма "Google Custom Search" "рвет" дизайн. Anonymous234 Вебмастеру 4 26-07-2007 14:27
Запретить/удалить пункт "Programs" ("Программы") из меню кнопки "Start" ("Пуск") submaster Microsoft Windows NT/2000/2003 5 13-09-2006 12:29




 
Переход