[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как разместить картинку над последней строкой?
Владимир55
В тексте нужна картинка, которая должна быть внутри его, причем нижняя граница картинки должна располагаться над последней строкой.

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

Верстка резиновая, размер графики задается в процентах.

Сейчас код примерно такой:

<div>
<p>
Основной контент</p>
<p>
Основной контент</p>
<p><img
src="/images/olga.jpg" class="size35" style="float: right;" />Основной контент.</p>
<p>
Основной контент</p>
<p>
Последняя строка, над которой должна быть картинка.</p>
</div>

Что здесь необходимо изменить, чтобы решить проблему?
Arh
Владимир55
Что то я не врублюсь, ты бы нарисовал хоть в paint примерно что ты хочешь)

_____________
Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru
BFCC-3895-8804-9ED2
Владимир55
В самом низу статьи справа всегда есть имя и фамилия автора. А его фото должно быть в тексте справа непосредственно над подписью. И чтобы оно оставалось над этой подписью при любой ширине экрана.Вот как-то так:

user posted image

А сейчас, если экран сделать уже, то фото подскакивает вверх:

user posted image
Zzepish
Владимир55
Вангую, что тебе нужно это
Владимир55
Спасибо, тег <figure> я прежде не использовал и возьму на заметку, но данную проблему он не решает.

Как я понял, это просто подпись к картинке. И она прыгает вместе с ней в зависимости от размера экрана.

Но в данном случае нужно привязывать именно низ картинки к началу последней строки, чтобы она сама не перемещалась.
Kusss
Скорее всего "автор" в отдельном диве, и текст расположен справа. Вот и все
Valick
Интересно, а что по этому поводу думает господин Бутстрап?

_____________
Стимулятор ~yoomoney - 41001303250491
Владимир55
Не сомневаюсь, что у этого господина есть свой взгляд на проблему, но мы постеснялись его тревожить столь мелким для этой персоны вопросом.
Valick
Владимир55, а зря. Перекроить вёрстку под бутстрап не так уж и трудно, зато будет всё чисто и красиво.


_____________
Стимулятор ~yoomoney - 41001303250491
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.