Новые уроки
Получай новые уроки по RSS

Подписка на рассылку


Голосование
Чего выкладывать больше?
Программ
Уроков
Скриптов
Шаблонов
Макетов
CMS
Видеоуроков
Облако тегов

CSS → Убираем обтекание вокруг изображения

На практике часто встречаются сайты где изображение обтекается текстом следующего параграфа. Это делается по средствам css свойства float:left к картинке и текст будет её обтекать.

Но что делать если нужно чтобы текст был как блок? Для этого приходится использовать различные хитрости. Хотя многие незнали что это можно исправить следующим свойством css...
Убираем обтекание вокруг изображения

Решение данной проблемы просто. Для параграфа нужно добавить overflow: hidden.

Код будет выглядеть вот так:
p.no-wrapp-text
{
  overflow: hidden;
}


Демо: смотреть

Свойство overflow определяет как отображать блочный элемент в случае, если его содержимое превышает заданный размер, например, выходит за рамки родительского элемента.

Плюсы и минусы данного способа:
+ Очень легкий и понятный способ
+ Нет зависимости от плавающих елементов
- Всеми любимый браузер ИЕ 6 не поддерживает данный метод. Но это не так страшно, потому что его уже почти некто не использует!
Опубликовал dimas_ua, 14-02-2011, 00:00 Комментариев: 1
 (голосов: 1)
Пишет Ольга, 3 апреля 2011 18:16
  • Сообщений: 0
  • Новостей: 0
Ну вот обнадежили.. А в конце ie никто не использует.. тьфу..