Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

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

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

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


Contributor


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


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

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


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

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

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

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

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

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

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

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

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

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


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

 

Аватара для benya

Старожил


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

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


Vlad Drakula,
Взять все в одну большую рамку, а ячейки в свои рамки, наподобие клеток, как?
Что-то типа там добавить BORDER-LEFT, а в следующей BORDER-RIGHT или как?

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



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

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


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


Contributor


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

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


benya
попробуй поставить "border: ****", делает границу по периметру всего блока.

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


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


Аватара для benya

Старожил


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

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


Vlad Drakula,
А как эта граница будет соседствовать с соседними блоками?? Линия двойная будет. А мне нужны одинарные линии. см. кусок html который я дал для примера выше.

Отправлено: 10:59, 24-05-2006 | #23


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


Contributor


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

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


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

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


Отправлено: 13:28, 24-05-2006 | #24


Аватара для XCodeR

Ветеран


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

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


Цитата:
у ячеек елаем границу с верху и с лева. у всей конструкции границу с низу и с права... получается одинарная граница...
+ cellspacing & cellpadding = 0

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


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


Contributor


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

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


XCodeR
Цитата:
+ cellspacing & cellpadding = 0
вопрос вроде о дивах, а не о таблицах...

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


Отправлено: 16:22, 24-05-2006 | #26


Аватара для XCodeR

Ветеран


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

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


Vlad Drakula
....
проглядел......

Отправлено: 19:31, 24-05-2006 | #27


Аватара для benya

Старожил


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

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


Vlad Drakula,
Странно, до такого не додумывался
Замечательно.

Отправлено: 19:36, 24-05-2006 | #28


редкий гость


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

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


Vlad Drakula
Цитата:
Код: Выделить весь код
 		<div style="width:100%;position:relative;height:20px;background-color: #fefefe">
			<div style="position:absolute;left:0px:top:0px;width:25%;">3</div>
			<div style="position:absolute;left:25%top:0px;width:25%;">15.07 – 03.08</div>
			<div style="position:absolute;right:25%top:0px;width:25%;">117,5</div>
			<div style="position:absolute;right:0pxtop:0px;width:25%;">2350</div>
		</div>
Очень в тему, как раз вчера было на daily wtf: http://thedailywtf.com/forums/thread/74148.aspx

Табличные данные надо верстать таблицами и только таблицами (прописав им нормальные стили). При вёрстке всего остального, разумеется, надо использовать слои с соотвествующими css (но только не через style, а нормально классы прописав). Уже классический пример css-вёрстки: http://www.csszengarden.com/ HTML-код очень прост, при этом за счёт разных CSS получаются сотни _абсолютно_ разных (т.е. включая расположение элементов) дизайнов.

Отправлено: 19:40, 24-05-2006 | #29


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


Contributor


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

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


benya

ivank
Цитата:
Табличные данные надо верстать таблицами и только таблицами (прописав им нормальные стили). При вёрстке всего остального, разумеется, надо использовать слои с соотвествующими css (но только не через style, а нормально классы прописав).
для простых и средних по можности сайтов допустимо... для сложных нет... (мой личный опыт...)(после перехода с таблик на дивы время рендеринга сильно уменьшилось...)(и кому какая разница как это сверстано... главное чтобы быстро грузилось и корректно отображалось!)

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


Отправлено: 22:26, 24-05-2006 | #30



Компьютерный форум 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




 
Переход