Наиболее популярным вариантом создания кроссбраузерного выпадающего меню для сайта можно назвать способ Патрика Гриффитса. Это минимальная HTML-разметка в виде маркированного списка, несколько строк JavaScript`а для совместимости с IE, и красиво оформленный CSS.
Прежде, чем мы начнём рассмотрение этого способа, посмотрите на окончательный вариант выпадающего меню.
Теперь посмотрим на разметку HTML-кода. Она достаточно удобная и очень проста:
Сегодня я расскажу о CSS-способах центрирования страниц. И начну этот обзор с резиновой верстки, то есть такой верстки, где отступы и размеры основных элементов задаются в процентном соотношении.
Способы будем рассматривать на следующем примере HTML-разметки:
<html> <body> <div id=”container”> </div> </body> </html>
Основной способ центрирования выглядит следующим образом:
<style>
#container { margin: 0 20%;}
</style>
Свойство margin устанавливает боковые отступы размером в 20% от ширины окна браузера. В результате мы получаем блок container, шириной в 60% от ширины окна браузера, центрированный посередине.
Во-первых, не делай ничего без причин и цели. Во-вторых, не делай ничего, что бы не клонилось на пользу обществу.
Марк Аврелий
|
|
|
|
|