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

[Kerny]

Привет. столкнулся с проблемой. Нужно сделать обтекание текстом картинки.

Пишу:

.field-name-field-cover{
float:right; /**картинку на правому краю*/
margin: 10px;/**отступ вокруг нее*/
margin-bottom:-200px; /**с помощью этого параметра поднимаем текст выше, а то он где-то внизу*/
}

По идеи должно работать, но не работает, мне кажется что это связано с margin-bottom:-200px;, хотя не уверен. Подскажите, как быть?

[buddah]

http://jsfiddle.net/2JYh9/

[Softlink]

да, у вас дело в нижнем маргине Уберите его и все заработает.

И отступ у картинки можно делать не маргином, а паддингом. Я бы так делал.

[Kerny]

Делаю следующим образом, как вы все посоветовали.

{
    float: right;
    padding: 10px;
}

В итоге получаю:

[Softlink]

теперь сложно сказать. Видимо у вас какие-то элементы в блоке мешают тексту. Дайте ссылку на страницу.

[Kerny]

Вот.

[buddah]

Тут переверстать все надо, зачем генерировать блоки под все? И жанр, и автор и текст...

Edited July 11, 2011 by buddah

[Kerny]

Пользователь вводит данные жанр, название и прочее в разные поля, и картинку тоже, потом вся автоматом оформляется. То есть пользователю не нужно в редакторе писать жанр и прочее, выделять его жирным, выравнивать картинку и т.п,все делает сайт.

Попробую ваш совет использовать.

Edited July 11, 2011 by Kerny

[buddah]

Пользователь вводит данные жанр, название и прочее в разные поля, и картинку тоже, потом вся автоматом оформляется. То есть пользователю не нужно в редакторе писать жанр и прочее, выделять его жирным, выравнивать картинку и т.п,все делает сайт.

Попробую ваш совет использовать.

Программировать можно не только блоки...

[Kerny]

Сделал все иначе (вечно, сам себе мозг выношу). Не пойму, но каким, то чудом мне пришла в голову следующая конструкция.

/**равняем блоки с Названием, Жанром и т.п*/
.node-rbook .field-type-text {
display:table;
margin-top:-8px; 
margin-bottom:-8px;
}

Из-за "display:table;" промежуток между полями становится слишком большим, "margin:0;", не помогает, потому извращаемся и юзаем "margin-8px;". Уже смотрится неплохо, картинку все обтекает, но в итоге я все же решил переместит картинку в левый край, а аватар пользователя в правый (по моему лучше смотрится).

.field-name-field-cover{
  float:left;
  padding-right: 10px;
  padding-bottom: 10px;
}

Вот так вот.

Тут переверстать все надо, зачем генерировать блоки под все? И жанр, и автор и текст...

Потому, что их создает drupal, а переделать его для меня пока сложная задача. А в данном контексте, это практически половину движка переписать нужно.

Edited July 11, 2011 by Kerny