Форум русской поддержки Joomla!® CMS
05.12.2016, 02:29:03 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Смещение текста лого на мобильных устройствах

 (Прочитано 182 раз)
0 Пользователей и 1 Гость смотрят эту тему.
kirill-juk
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 26


« : 08.02.2016, 11:42:25 »

На мобильных устройствах слово "автовыкуп" съезжает вниз относительно слова "городской". В чем причина?

Имею код php:
<div class="art-logoslovo">
     <div id="slovo-text" class="art-logoslovo-text">городской</div>
     <div id="slovo-name" class="art-logoslovo-name">автовыкуп</div>
</div>
И код css:
.art-logoslovo
{
  display: block;
  position: absolute;
  right: 700px;
  top: 90px;
  width: 482px;
}

.art-logoslovo-text, .art-logoslovo-text a
{
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  text-align:  right;
  font-size: 15px;
  padding: 0;
  margin: 0;
  margin-right: 95px;
  margin-top: px;
  color: #FFFFFF !important;
}

.art-logoslovo-name, .art-logoslov-name a
{

  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  text-decoration: none;
  text-align:  right;
  font-size: 15px;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  margin-top: -18.5px;
  color: #00FFFF !important;
}
Записан
jlend
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Сообщений: 34


« Ответ #1 : 08.02.2016, 15:21:08 »

Причина в размерах экранов и размерах вашей верстке, посмотрите это
Код
  right: 700px;
 width: 482px;
тут
Код
.art-logoslovo
{
 display: block;
 position: absolute;
 right: 700px;
 top: 90px;
 width: 482px;
}
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet