Автор Тема: Как привязать текст к картинке  (Прочитано 6353 раз)

Оффлайн KeyMS

  • http://avangard-card.ru - Получи карту банка Авангард бесплатно !
  • Продвинутый
  • *****
  • Сообщений: 5056
  • Карма: +848/-11
  • https://medovsky.ru
    • Просмотр профиля
    • Отличный мёд с пасеки
27809-0

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

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

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

Оффлайн I-one

  • Завсегдатай
  • ****
  • Сообщений: 972
  • Карма: +84/-0
  • Hi!
    • Просмотр профиля
    • Сокровища в сети! Уникальная онлайн игра где можно заработать.
Re: Как привязать текст к картинке
« Ответ #1 : 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>

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

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

И самый "универсальный" способ сделать картинку бекграундом, тогда текст поверх нее можно делать любой и он всегда будет над картинкой!!!
« Последнее редактирование: 05 Мая 2009, 14:15:21 от I-one »
http://sokrovishavseti.ru/ - увлекательная, познавательная онлайн-игра с выводом денег. Присоединяйся!

Оффлайн KeyMS

  • http://avangard-card.ru - Получи карту банка Авангард бесплатно !
  • Продвинутый
  • *****
  • Сообщений: 5056
  • Карма: +848/-11
  • https://medovsky.ru
    • Просмотр профиля
    • Отличный мёд с пасеки
Re: Как привязать текст к картинке
« Ответ #2 : 05 Мая 2009, 19:23:41 »
буду вникать :) если что личкой задам вопрос, спасибо :)