Пропустить навигацию

Highe® — Веб и стандарты


Обтекание картинок

8.09.08 ,

Наверняка все сталкивались с ситуацией, когда необходимо отбить картинку влево/вправо и разместить текст рядом с ней, причем текст должен не обтекать картинку в классическом виде, а выглядеть так, как будто он находится в ячейке таблице, не заходя под картинку.

Добавляем в стили

overflow:auto;
тэгу, содержимое которого необходимо отбить по границе картинки, все -- радуемся. Пример.

Комментарии

  1. Спасибо! А то я всё время с левым марджином мучался, подгонял его каждый раз под нужное значение.


    — Михаил    Sep 16, 07:20 PM    #

 

 

В архив


CSS Styleguide — улучшение читабельности кода

Перевод статьи Improving Code Readability With CSS Styleguides с рекоммендациями по организации СSS файлов и написанию стильгайдов.

дальше →

Media-запросы

Media-запросы это расширение CSS3 для различных media-типов, позволяющее контролировать отображение документа в зависимости от устройства

дальше →

Стандартный режим, режим обратной совместимости и DOCTYPE

Еще раз хочу вернуться к данным режимам, их выбору, переключению и DOCTYPE

дальше →

Полезные CSS хаки

Несколько хаков, которые могут пригодиться

дальше →

Все статьи

бизнес, браузеры, веб-стандарты, верстка, дизайн, микроблоггинг, мобильные устройства, редакторы, фотогалерея, alistapart, css, css3, email, html email, javascript, photoshop, png, progressive enhancement, renoter, svg, textmate, textpattern, usability, validation, vml

Полезные ссылки

23.09.08

  • Using jQuery for Background Image Animations
  • jParallax
  • Test your color IQ
  • 80 Large Background Websites
  • 20 Free Page Analysis Tools

Я на Renoter'e

    Join Me