Адаптируемый информер - Форум о uCoz

Новые сообщения · Правила форума · Поиск

Оставить отзыв · Пожаловаться · RSS

Адаптируемый информер

Адаптируемый информер

axtyt Оффлайн

Проверенный

2

Дата: Понедельник, 2015-07-06, 16:34 | Сообщение # 1

Привет. Делаю для сайта информер новостей. Сайт адаптируется под разные экраны, информер по идеи тоже.

Код информера:

<style>
#container
{
  height:250px;
  width: 100%;
  max-width:350px;
  position:relative;
}
</style>

<div id="container">
<img style="position: relative; width: 100%; height: 100%;" src="$OTHER1$">

<p style="position: absolute; top: 10px; left: 10%; width: 80%; padding: 4px; background-color: transparent; font-weight: bold; color: #fff; font-weight: 600; font-size: 1.5em; text-shadow: black 0.1em 0.1em 0.2em">
$TITLE$
  </p>
  </div>

Есть одна проблема: информер сжимается только по ширине. Хотелось бы, чтобы сжимался и по высоте и весь текст при этом умещался на изображении.

Может кто поможет? ^_^

^_^

dline Оффлайн

Проверенный

5

Дата: Понедельник, 2015-07-06, 16:42 | Сообщение # 2

Вот:

<style>
#container
{
   height:100%;
   width: 100%;
   max-width:350px;
   position:relative;
}
</style>

<div id="container">
<img style="position: relative; width: 100%; height: 100%;" src="$OTHER1$">

<p style="position: absolute; top: 10px; left: 10%; width: 80%; padding: 4px; background-color: transparent; font-weight: bold; color: #fff; font-weight: 600; font-size: 1.5em; text-shadow: black 0.1em 0.1em 0.2em">
$TITLE$
   </p>
   </div>

Выжигаю все свое время на своей не любимой работе, а что поделоть хлеб то надо зачтото брать! )))

STORM Оффлайн

Проверенный

1

Дата: Понедельник, 2015-07-06, 16:45 | Сообщение # 3

Что то не пойму не картинка ни ссылка в информере не работает может я не так что то ставлю?

Сообщество игроков в покер!!!

axtyt Оффлайн

Проверенный

2

Дата: Понедельник, 2015-07-06, 16:49 | Сообщение # 4

Что то не пойму не картинка ни ссылка в информере не работает может я не так что то ставлю?

Картинка в Дополнительном поле 1. Ссылку еще не сделал.

STORM Оффлайн

Проверенный

1

Дата: Понедельник, 2015-07-06, 16:52 | Сообщение # 5

Картинка в Дополнительном поле 1. Ссылку еще не сделал.

Делай красивый и название снизу, тут выложи заберу, зарание спс
0:)

0:)

Сообщество игроков в покер!!!

Адаптируемый информер

Страница 1 из 1
1