Метка: вёрстка

Предлагаю небольшую подборку горизонтальных слайдеров. Наиболее частое использование — карусель товаров, фотогалереии или картинок к постам. Можно было бы конечно сделать пост 50 видов слайдеров, но это были бы всего лишь вариации приведённых ниже.

Возможность создания такого градиента с помощью CSS, была вынесена на рассмотрение Webkit около двух лет назад, но редко использовалась из-за несовместимости с остальными браузерами (напомню, этот движок используют только сафари и хром).
С одним из последних обновлений FireFox (версия 3.6) появилась возможность совершенно корректно использовать данную опцию.

В своей практике я использую 2 метода (не я их придумала), первый наиболее часто:
1 метод — Использование автоматических внешних отступов.
Код страницы при этом выглядит так:

 //собственно подложка


Код CSS
#wrapper {
width:1200px;
margin:0 auto;
text-align:left; //для IE
}

Недавно столкнулась с проблемой, для отображения меню задала стиль для элементов li, вложенные элементы соответственно получили тот же стиль, при этом если использовать дочерние элементы — не будет работать в ИЕ6, пришлось идти на некоторые жертвы…. А всё потому что надо больше книг читать )….