Перейти к содержанию
stovny

верстка менюбара

Рекомендуемые сообщения

Кто-нибудь подскажите, как во второй версии сделать меню бар шире по высоте?

Пробовал через css установить свойство height у нава с айди "menu", не помогло. А если установить высоту в  "#menu .nav > li > a", то в мобильной версии перестают открываться категории. Никак не могу допереть в чем подвох. Если кто пояснит, буду благодарен.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

шире по высоте?

:cry:

 

Здесь

#menu .nav > li > a {
    padding: 10px 15px 10px 15px;
    min-height: 15px;
}
Изменено пользователем pantagruel964

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

спасибо, вроде сработало, но когда открываю на айпаде, в альбомной ориентации(вертикальной), то список почему-то начинает идти в 2 строчки, хотя и места вроде хватает. может это как-то связанно с тем что это строковый элемент? пробовал установить свойство

#menu{

display:block;

}

но ничего не поменялось..

4f40e54cf75d048c76a2053f41cdad5c.png

Изменено пользователем stovny

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От bigredlis
      Верстка ИМ на базе стандартного шаблона,
      парсинг 2000 товаров,
       
      установка 5-7 модулей (сипл корзина, 1 клик, обратный звонок, фильтр и т.п.)
       
      основа http://altaibalzam.ru 
      товары с него же.
       
      пример необходимой верстки в скрепке,
       
      нужна цена и сроки!
       



    • От krasniy
      Всем доброго дня!
      Требуется верстальщик для доведения до ума шаблона. Требуется не только выполнить то, что написано в ТЗ, но и какой-то креативный подход. Советы, идеи и предложения.
      Во вложении первая часть небольшого ТЗ. Разработка дизайна в виде макета не требуется. Необходимо просто всё допилить до ума и исправить некоторые баги. 
      Страница каталога сайта: http://oc.rosnominal.ru/monety-rossii/25-rubley/
       
      ТЗ на вёрстку.pdf
    • От krasniy
      Здравствуйте!
      Меня зовут Александр. 
      У нас есть сайт https://rosnominal.ru/ сделанный на самописном движке. Сейчас мы переезжаем на opencart. Тестовый вариант сайта здесь: http://oc.rosnominal.ru/
      Этот шаблон мы купили на заграничном сайте https://themeforest.net/ (кажется на нём). Выбрали его по той причине, что он самый нейтральный, универсальный и как нам показалось, что его будет легко немного переделать. 
      Нам хотелось бы привести всё в порядок, сделать шапку сайта (современную), подобрать цветовую схему, немного уменьшить размер карточек товаров на странице категорий и подправить некоторые косяки в вёрстке, которые нашёл программист, который делал техническую часть. Вдогонку исправить все косяки в вёрстке, которые найдёте вы. 
       
      Макета шапки у меня нет. Есть только идеи. 
      По сути требуется разработка дизайна (допиливание того что есть сейчас), лого и адаптивная вёрстка. Предпочитаем минимализм)
      Ищем хорошего дизайнера. 
    • От Redje
      Добрый день, уважаемые форумчане!
      С праздником!
      Вот стою перед дилеммой, очень нравятся по функционалу шаблоны разработчиков представленные на данном сайте.
      На вскидку:
      http://tech-store.octemplates.net/
      http://unishop2.site/
      http://frame.xds.by/demo/ocr_3.0.x/
      http://pixelshop.waterfilter.in.ua/
      http://auto.oc-mod.ru/
      и другие подобные.

      Но, вот с дизайном (это только мое личное мнение) беда...
      Нет, с точки зрения практичности, легкости и адаптивности все замечательно.
      Но, на мой вкус, дизайн слишком... простой, блеклые, однообразный.
      Ничем не цепляют глаз.
      Часто имеются проблемы с типографикой и подбором цветов.
       
      В тоже время, импортные шаблоны зачастую имеют все те же элементы и блоки, но выглядят более яркими,разнообразными, цепляющими глаз, стильными и современными
      Примеры:  
      Пример №1
      Пример №2
      Пример №3
      Пример №4
       
      Но, к сожалению не имеют необходимого мне функционала. 
       
      Собственно вопрос адресован к тем, кто посмотрев вышеприведенные примеры понял о чем идет речь)) 
      Сколько будет стоить (естественно приблизительно),  привести дизайн одного из вышеперечисленных "местных" шаблонов к тому виду, что у указанных импортных решений?
      Понятно что без готового ТЗ сказать трудно, потому и пишу, что  "вопрос адресован к тем, кто посмотрев вышеприведенные примеры понял о чем идет речь".
       
      Большую роль в оформлении, конечно же, играет графическая составляющая (баннеры, картинки и т.д.) если умеете и это - напиши предполагаемую стоимость  переделки графики для главной страницы отдельно от стоимости верстки.
      P.S.
      Естественно, валидность, адаптивность и кроссбраузерность верстки исходного шаблона на выходе должна сохраниться. 
      Если есть примеры подобных работ - с удовольствием взгляну. 
       
    • От Trucker
      Коллеги, прошу помощи. Сайт http://happythings-spb.ru/, OC русская сборка 2.3.0.2 (rs.6). Рекомендуемые товары выводятся не как положено, а каким-то тетрисом (см. скриншот, на нём масштаб уменьшен, но и на 100% такая же ботва). Раньше движок был 2.1.0.1 (rs.2), там помогло удаление из файла product.tpl следующего кода:
      <?php } elseif (($column_left || $column_right) && (($i+1) % 3 == 0)) { ?> <div class="clearfix visible-md"></div> <?php } elseif (($i+1) % 4 == 0) { ?> <div class="clearfix visible-md"></div> Но здесь это не помогает. Также указывают, что из common.js нужно убрать код
      // Adding the clear Fix cols1 = $('#column-right, #column-left').length; if (cols1 == 2) { $('#content .product-layout:nth-child(2n+2)').after('<div class="clearfix visible-md visible-sm"></div>'); } else if (cols1 == 1) { $('#content .product-layout:nth-child(3n+3)').after('<div class="clearfix visible-lg"></div>'); } else { $('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix"></div>'); } но у меня этого кода и так нет (common.js на всякий случай прикрепил тоже).

      Ctrl+F5 нажимал, смотрел в разных браузерах - проблема везде показывается. Как побороть этот тетрис?

      common.js
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×