0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 3535 Просмотров
*

sc@r@bey

  • Захожу иногда
  • 360
  • 55 / 5
  • делай, а потом спрашивай что не получилось!
Продвинутая CSS-верстка: шаг за шагом
Вот наткнулся на очень интересный материал, о том как заменить табличную верстку, версткой слоями, причем пошагово.
*

PbICb

  • Захожу иногда
  • 66
  • 38 / 0
  • Мяфф...)
Re: Продвинутая CSS-верстка (рецепт)
« Ответ #1 : 24.01.2008, 10:39:58 »
Может, иммет смысл прикрепить эту тему и периодически добавлять в нее ссылки на подобные "рецепты" или просто постить полезные советы? ))

Вот пара советов, которые могут быть интересны начинающим.

------------
Устанавливайте размер шрифта 100.01% для элемента html. Значение 100.01% для размера шрифта компенсирует несколько багов в различных браузерах. Во-первых, установка размера шрифта в процентах (вместо em) исключает проблему в IE/Win с непропорциональным ростом или уменьшением размера шрифта, если он будет установлен в em для других элементов. Во-вторых, некоторые версии Opera могут отображать 100% шрифт слишком мелко по сравнению с другими браузерами. С другой стороны у Safari проблемы с размером шрифта 101%.
--------------

--------------
Используйте margin: 0 auto; для горизонтального центрирования разметки. Чтобы отцентрировать элемент по горизонтали нужно задать его ширину и горизонтальные поля.

Код
<div id="wrap">
    <!-- Your layout goes here -->
</div>

#wrap {
    width:760px; /* Change this to the width of your layout */
    margin:0 auto;
}

----------

Убрать точки вокруг ссылок можно с помощью outline:none
----------

Ну и т.д. Если покопаться в своей "базе знаний", могу извлечь много подобного ))
UI, UX, Interaction design, Kung Fu и другие страшные слова
Ить, ни, сан, си, го - беспечен гуляющий заяц...
*

sc@r@bey

  • Захожу иногда
  • 360
  • 55 / 5
  • делай, а потом спрашивай что не получилось!
Re: Продвинутая CSS-верстка (рецепт)
« Ответ #2 : 24.01.2008, 13:06:05 »
тута есть CSS - практика но она закрыта
« Последнее редактирование: 24.01.2008, 13:15:19 от sc@r@bey »

Re: Продвинутая CSS-верстка (рецепт)
« Ответ #3 : 24.01.2008, 13:11:52 »
И шо делать тогда где искать если там закрыта кто знает,а то я вообще не чего не понимаю.....!
*

sc@r@bey

  • Захожу иногда
  • 360
  • 55 / 5
  • делай, а потом спрашивай что не получилось!
Re: Продвинутая CSS-верстка (рецепт)
« Ответ #4 : 24.01.2008, 13:13:35 »
закрыта в смысле нельзя добавлять сообщения, а вообще брать ссылки там и здесь и читать, читать и читать как завещал великий Лэнин!
*

PbICb

  • Захожу иногда
  • 66
  • 38 / 0
  • Мяфф...)
Re: Продвинутая CSS-верстка (рецепт)
« Ответ #5 : 24.01.2008, 13:48:16 »
Долгое время очень плотненько занималась версткой, интересных приемов в запасе куча + постоянно отслеживаю популярные западные блоги по web-технологиям (там очень много вкусного)) + пишу сама (в основном мануалы для внутреннего пользования). Так недавно родился коротенький ман по созданию компонентов для Joomla, руководство по шаблонам в мосетсе и т.д.  Хотелось бы время от времени делиться этим добром ) Если, конечно, будет интерес со стороны пользователей.
UI, UX, Interaction design, Kung Fu и другие страшные слова
Ить, ни, сан, си, го - беспечен гуляющий заяц...
*

archer1981

  • Захожу иногда
  • 268
  • 13 / 0
Re: Продвинутая CSS-верстка (рецепт)
« Ответ #6 : 24.01.2008, 14:02:24 »
интерес на самом деле ОГРОМЕН
http://walkspb.ru - Энциклопедия Санкт-Петербурга

Re: Продвинутая CSS-верстка (рецепт)
« Ответ #7 : 24.01.2008, 17:33:43 »
Да уж читать там много надо а времени почти нету ну спс и за этот.......!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться