- Меню на сайт в телефон
WT форуми -> HTML / Javascript / CSS -> Меню на сайт в телефон
Създайте нова тема Напишете отговор 
Автор Съобщение
ljuljana
Нов
Нов

Регистриран на: 27/12/2008 6:02 pm

Support: 0
Bonus: 0
Мнения: 100
Мнение 28/12/2017 9:20 pm     Меню на сайт в телефон Отговорете с цитат


Когато отворя сайта на някое устройство с по-малък размер ва екрана, менюто не се отваря. Пробвах различни варианти, но не се получава. Не знам кое трябва да редактирам, за да се вижда и на пренсимо устройство.
http://www.blagoevschool.org/Lemar/Lemar/theme/index1.php
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
novakabg
Турист
Турист

Регистриран на: 13/05/2016 2:29 pm

Support: 5
Bonus: 10
Мнения: 281
Мнение 29/12/2017 11:50 am      Отговорете с цитат


http://www.blagoevschool.org/Lemar/Lemar/theme/

Тука си работи добре, липсва ти цялото меню Smile оправи си и декодирането на файла!

"������� �������"
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
ljuljana
Нов
Нов

Регистриран на: 27/12/2008 6:02 pm

Support: 0
Bonus: 0
Мнения: 100
Мнение 29/12/2017 12:11 pm      Отговорете с цитат


Става въпрос за този линк
http://www.blagoevschool.org/Lemar/Lemar/theme/index1.php

Менюто е на страницата до момента, в който не намаля размера на прозореца - тогава менюто вече се скрива.
А декодирането ще го оправя, но ми се иска първо това да оправя.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
anonimen
Активен
Активен

Регистриран на: 11/06/2012 8:07 pm

Support: 147
Bonus: 293
Мнения: 1377
Мнение 29/12/2017 2:03 pm      Отговорете с цитат


ljuljana написа:
Става въпрос за този линк
http://www.blagoevschool.org/Lemar/Lemar/theme/index1.php

Менюто е на страницата до момента, в който не намаля размера на прозореца - тогава менюто вече се скрива.
А декодирането ще го оправя, но ми се иска първо това да оправя.
Както @новака ти казва, не си пренесла цялото меню от едната страница в другата.

По принцип такива проблеми се решават, като последователно премахваш части от програмата (в случая - уебстраницата), докато стигнеш до най-малкото парче, при което откриваш проблема.

В случая можеш да премахнеш всичко освен менюто и да видиш дали ще се оправи:
- Ако се оправи - значи другите компоненти го прецакват.
- Ако не се оправи - сравни го с менюто в работещата страница, за да видиш какво ти липсва.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
ljuljana
Нов
Нов

Регистриран на: 27/12/2008 6:02 pm

Support: 0
Bonus: 0
Мнения: 100
Мнение 30/12/2017 9:38 pm      Отговорете с цитат


Според мен проблемът е някъде в styleresponsive.css, защото когато прикача този стил и се обърква менюто, но не знам какво трябва да оправя, за да работи менюто.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
novakabg
Турист
Турист

Регистриран на: 13/05/2016 2:29 pm

Support: 5
Bonus: 10
Мнения: 281
Мнение 01/01/2018 10:21 pm      Отговорете с цитат


Хубаво че си качил менюто вече!
.rightnav {display:none;float:none;}
Проблема може би е тук:

/* Smaller than standard 960 (devices and browsers) */
   @media only screen and (max-width: 959px) {
   .rightnav {display:none;float:none;}
   .footertext {float:none;}
   .form-wrapper input {width:40%;}
   #nav { width:100%; }
   .header {width:100%;}
   
   }

   /* Tablet Portrait size to standard 960 (devices and browsers) */
   @media only screen and (min-width: 768px) and (max-width: 959px) {}

   /* All Mobile Sizes (devices and browser) */
   @media only screen and (max-width: 767px) {}

   /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
   @media only screen and (min-width: 480px) and (max-width: 767px) {.rightnav {display:none;}}

   /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
   @media only screen and (max-width: 479px) {}
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
ljuljana
Нов
Нов

Регистриран на: 27/12/2008 6:02 pm

Support: 0
Bonus: 0
Мнения: 100
Мнение 02/01/2018 10:56 am      Отговорете с цитат


Направих промени там, но и така не се получи. Менют все още не се показва, коато намаля розорецът.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
anonimen
Активен
Активен

Регистриран на: 11/06/2012 8:07 pm

Support: 147
Bonus: 293
Мнения: 1377
Мнение 02/01/2018 2:22 pm      Отговорете с цитат


ljuljana написа:
Направих промени там, но и така не се получи. Менют все още не се показва, коато намаля розорецът.

CSS code:
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.rightnav {display:none;float:none;}

Защото тук пише nav-ът да изчезва при ширина на прозореца < 960.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
ljuljana
Нов
Нов

Регистриран на: 27/12/2008 6:02 pm

Support: 0
Bonus: 0
Мнения: 100
Мнение 03/01/2018 5:11 pm      Отговорете с цитат


Благодаря за помощта. Наистина проблемът беше в .rightnav {display:none;float:none;} Оправих го!
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети