Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Изображение спозиционировать справа внизу блока (https://javascript.ru/forum/dom-window/58999-izobrazhenie-spozicionirovat-sprava-vnizu-bloka.html)

Павел Турченко 21.10.2015 15:37

Изображение спозиционировать справа внизу блока
 
Доброго времени суток!
Есть проблема. Есть блок внутри которого расположен текст и изображение, изображение должно быть расположенно внизу справа данного блока и при этом ОБТЕКАТЬСЯ текстом. С помощью CSS его можно расположить только справа вверху(с обтеканием), если средствами CSS опускать вниз обтекание пропадает. Можно ли сделать обтекание средствами JS, вот что я попробовал:
HTML:
<div class="text_soon">
<img src="images/wate_img.png" alt="" class="item2">
<p>
Много текста
</p>
</div>
CSS:
.item2{
float: right;
}
JS:
$(".item2").offset(function(i,val){
return {top:val.top + 50, left:val.left};
});

Данная JS Функция опускает вниз, но все равно пропадает обтекание сверху.

sanmihan 21.10.2015 17:15

Павел Турченко,
а картинку нельзя после текста разместить?

Павел Турченко 21.10.2015 17:45

https://yadi.sk/i/rlAKlGUNju6qS
вот что надо получить, если вставлять в конце, то она просто находится под текстом
можно вставить в середину текста, но так дурить людей, не очень хорошо

DynkanMaclaud 21.10.2015 19:49

тут

без js можно вот так вот...

Павел Турченко 21.10.2015 20:20

Как вариант, но это к сожалению не совсем то, что меня интересует.

Павел Турченко 22.10.2015 21:22

Я так понял, что данный вопрос не имеет решения? Если имеет, хоть скажите в какую сторону копать.

Sigizmund2012 23.10.2015 14:51

Павел Турченко,
Может таблицей попробовать?
<table>
<tr>
<td colspan="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis eum, commodi! Delectus?</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</td>
<td><img src="#" alt="Cool Image" width="50" height="50"></td>
</tr>
</table>

Павел Турченко 26.10.2015 20:24

Спасибо за помощь, уговорил заказчика, что данное изображение лишнее :)


Часовой пояс GMT +3, время: 04:04.