Форум.orn

HARD&SOFT => Программирование => WEB => Тема начата: KeyMS от 05 Мая 2009, 13:13:42

Название: Как привязать текст к картинке
Отправлено: KeyMS от 05 Мая 2009, 13:13:42

[attach=#]

Как сделать чтобы в зону 1 и зону 2 можно было вставить допустим текст,
и чтобы этот текстовый блок не изменял своего положения при изменении разрешения экрана.

Как привязать положение текстового блока к картинке.

ЗЫ. На css естественно :)

Название: Re: Как привязать текст к картинке
Отправлено: I-one от 05 Мая 2009, 14:10:31

<div style="position: absolute; left: 0px; top:0px; right:0px; bottom:0px; z-index:1">Текст</div>

где left top right bottom - позиции от, если left и top то верхнего левого угла right bottom - нижнего правого

Одно временно left и right а также top и bottom задавать нельзя.

Если нужно прявязку к объекту сделать и при этом объект статичен, то можно обойтись без яваскрипт и сделать следуюущуюю конструкцию

<div style="position:relative; cursor:default">
<div style="position: absolute; left: 0; top: 0; z-index:10; cursor:default" align="left">Тут текст</div>
<img src="путь до картинки">
</div>

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

Если не понял, скажи, объясню на конкретном примере!

И самый "универсальный" способ сделать картинку бекграундом, тогда текст поверх нее можно делать любой и он всегда будет над картинкой!!!

Название: Re: Как привязать текст к картинке
Отправлено: KeyMS от 05 Мая 2009, 19:23:41

буду вникать :) если что личкой задам вопрос, спасибо :)