» » CSS » Страница 2

Динамический блок с закруглёнными углами с помощью CSS и 1 картинки.

27.08
6
30 143
Динамический блок с закруглёнными углами с помощью CSS и 1 картинки.

В поисках простого и удобного решения проблемы закруглённых углов на сайте я наткнулся на один крайне интересный вариант решения данной проблемы.
Плюсы этого решения:
- Произвольная ширина, высота блока.
- Нет никаких таблиц, что для меня самое важное. Нет javascript. Нет плясок с бубном вокруг IE.
- Кроссбраузерность: блок во всех браузерах выглядит одинаково.
- Всего ОДНА картинка.
- Легко разобраться, т.к. используется минимум кода для реализации этого "безобразия" Динамический блок с закруглёнными углами с помощью CSS и 1 картинки.
Минусы
- Используется 5 элементов " DIV".

Ранее я выкладывал данный материал, но к нему не было объяснений, сегодня я предлагаю Вашему вниманию мой вольный перевод статьи автора.

Вывод новостей в 2 колонки.

26.07
30
38 867
Вывод новостей в 2 колонки.


В данной статье попытаемся решить проблему вывода новостей на сайте, работающем на DataLife Engine, в 2 колонки без применения яваскриптов, правки кода движка и прочих ненужных, на мой взгляд, вещей.
Для реализации этого "безобразия" нам потребуются только прямые руки и элементарные знания CSS и HTML.

P.S.
Способ не будет работать в IE 6. Пора уже выкинуть этот ущербный устаревший браузер.