Ответить на тему  [ Сообщений: 4 ] 
Не могу адаптировать горизонтальное меню 
Автор Сообщение
Новичок

Зарегистрирован: 21 дек 2010, 13:23
Сообщений: 48
Репутация: 2
Добавить пункт репутацииВычесть пункт репутации
Сообщение Не могу адаптировать горизонтальное меню
Доброго дня, не могу адаптировать горизонтальное меню на Joomla и шапку - банальное не работает перевод px в %. Сам сайт вот http://www.zegeberg.ru/, код который создаёт проблемы:
Шаблон
Код:
<div class="top-menu">
<jdoc:include type="modules" name="topmenu" />
</div>


CSS
Код:
.top-menu>ul{display:inline-block;margin-top:10px}
.top-menu>ul>li{float:left;padding:0 47px;position:relative;height:44px}
.top-menu>ul>li:first-child{margin-left:0}
.top-menu>ul>li>a{color:#71d2f9;font:15px Verdana;text-decoration:none;text-shadow:-1px -1px #474747, 1px 1px #565656;}
.top-menu>ul>li.active>a>span{font:14px Verdana;color:#fff;text-shadow:0 0 3px #fff}
.top-menu>ul>li:hover ul{display:block;behavior:url(csshover3.htc);}
.top-menu>ul>li ul{width:90%;background:url(../images/op.png) 0 0 repeat;box-shadow:3px 3px 5px #494949;-webkit-box-shadow:3px 3px 5px #494949;-moz-box-shadow:3px 3px 5px #494949;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;behavior:url(PIE.htc);padding:10% 10% 10% 10%;border:1px solid #101010;position:absolute;top:33px;left:-1%;display:none;z-index:1000;}
.top-menu>ul>li ul li{text-align:left;margin-top:20px;}
.top-menu>ul>li ul li:first-child{margin-top:0}
.top-menu>ul>li ul li a{font:14px Verdana;color:#fff;text-decoration:none;}
.top-menu>ul>li ul li a:hover{text-decoration:underline}

На сайте стоит Joomla Mobile, поэтому с отображением на мобильных нет проблем, проблемы есть с Гошиными и Яшиными сервисами проверки на адаптивность. Спасибо.

_________________
http://www.zegeberg.ru/


25 июн 2016, 11:28
Профиль Отправить личное сообщение ICQ WWW
Профи

Зарегистрирован: 21 окт 2010, 15:36
Сообщений: 957
Откуда: Саратовская область, г.Энгельс
Пол: мужской
Репутация: 848
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Не могу адаптировать горизонтальное меню
Для перевода пикселей в проценты используйте медиа-запросы.

_________________
Не всё валидно, что не видно.


25 июн 2016, 13:21
Профиль Отправить личное сообщение
Новичок

Зарегистрирован: 21 дек 2010, 13:23
Сообщений: 48
Репутация: 2
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Не могу адаптировать горизонтальное меню
Hoto писал(а):
Для перевода пикселей в проценты используйте медиа-запросы.

Медиа прописаны
Код:
@media screen and (max-width:700px){img{max-width:96% !important;height:auto !important;}
iframe, textarea, input, button, submit, video, object, embed{max-width:99% !important;}
table, span, div, ins{max-width:100% !important;}
}
@media screen and (max-width:500px){body, tbody{-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
}
@media screen and (max-width:400px){td{word-break:break-all;}
}

_________________
http://www.zegeberg.ru/


25 июн 2016, 13:36
Профиль Отправить личное сообщение ICQ WWW
Профи

Зарегистрирован: 21 окт 2010, 15:36
Сообщений: 957
Откуда: Саратовская область, г.Энгельс
Пол: мужской
Репутация: 848
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Не могу адаптировать горизонтальное меню
Вот и допишите в них селектор
Код:
.top-menu>ul>li{...}

с отступом в процентах :wink:

_________________
Не всё валидно, что не видно.


25 июн 2016, 22:28
Профиль Отправить личное сообщение
Показать сообщения за:  Сортировать по:  
Ответить на тему   [ Сообщений: 4 ] 
   Похожие темы   Автор   Ответов   Просмотров   Последнее сообщение 
Нет новых непрочитанных сообщений в этой теме Горизонтальное выпадающее подменю прячется под вертикальное

в форуме CSS И ВЕРСТКА

Юрий_130452

4

1931

15 окт 2010, 14:01

Юрий_130452 Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Как адаптировать свой сайт в поисковых системах?

в форуме ДРУГИЕ ВОПРОСЫ ПО ОПТИМИЗАЦИИ САЙТА + ВОПРОСЫ ПО КОНТЕНТУ

alex868

2

1271

06 янв 2012, 11:57

EKT Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Помогите адаптировать шаблон 2.5 под joomla 1.5

в форуме ИНТЕРНЕТ-МАГАЗИН VIRTUEMART

rami

0

1086

23 мар 2013, 15:28

rami Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Помогите адаптировать шаблон 2.5 под joomla 1.5

в форуме Работа для вебмастеров

rami

1

1037

23 мар 2013, 20:10

Ildex Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме подскажите как адаптировать шаблон 2.5 на 1.5

в форуме ШАБЛОНЫ И ВНЕШНЕЕ ОФОРМЛЕНИЕ JOOMLA

kuzik

1

1997

10 ноя 2014, 23:01

EKT Перейти к последнему сообщению


Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти:  
 cron