• Страница 1 из 1
  • 1
Адаптируемый информер
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
Цитата STORM ()
Что то не пойму не картинка ни ссылка в информере не работает может я не так что то ставлю?

Картинка в Дополнительном поле 1. Ссылку еще не сделал.
Профиль
STORM Оффлайн
Проверенный
1
Дата: Понедельник, 2015-07-06, 16:52 | Сообщение # 5
Цитата axtyt ()
Картинка в Дополнительном поле 1. Ссылку еще не сделал.
Делай красивый и название снизу, тут выложи заберу, зарание спс
0:)


Сообщество игроков в покер!!!
Профиль
  • Страница 1 из 1
  • 1
Поиск: