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

В Google группах прозвучал вопрос по сабжу. CSS для пары таких классов очень простой:

.right, .left { display: inline; }
.left { float: left; padding: 5px; margin: 5px 15px 5px 0; }
.right { float: right; padding: 5px; margin: 5px 0 5px 15px; }

В WordPress можно еще quicktags-кнопочки использовать, чтобы вставлять картинки легко было. Я предпочитаю классы и избегать лишней писанины. Кстати, где-то в Google группах проскакивал вопрос недавно о том, как добавить такие кнопочки в quicktags. Вообщем, объяснять как и где редактировать js мне лень, поэтому просто выкладываю его на всеобщий доступ. Если будут ошибки в IE, то сообщите и я исправлю код.

Скачать файл quicktags.js с кнопками IMG-ALIGN, PRE, CODE, SMALL, ALERT. Для использования поместить в папку «wp-includes/js», переписав уже существующий. Разумеется, что css-код нужно добавить тоже в Ваш шаблон.

  • Спасибо за полезную информацию.

  • Если я правильно понял о чем ты, то можно воспользовать специальным плагом Add Quicktags для того, чтобы добавлять новые кнопочки в панель.

  • Да, что-то в этом роде. Я про него даже не слышал никогда. На досуге гляну что он из себя представляет и уточню :)

  • А зачем inline? Особенно учитывая, что любой значимый float тут же автоматически меняет display на block.

  • Man In Black [DS], ну все тоже самое, что я написал в классах. Будет так:

    display: inline; float: left; padding: 5px; margin: 5px 15px 5px 0;

    float или left, или right — в зависимости от того края, куда прижимаешь картинку

Ваш комментарий

XHTML: вы можете воспользоваться следующими тагами: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>