Jump to content

garmoni

User
 View Profile  See their activity

  • Posts

    50

  • Joined

  • Last visited

 Content Type 

Everything posted by garmoni

  1. garmoni
    Спасибо за подсказки
  2. garmoni
    Еще одна проблемка. В слое feedback - wrapper{margin: 0 auto;} перечеркнут
  3. garmoni
    Спасибо
  4. garmoni
    Наверное что то не так подключила http://garmoni.inf.ua/paprika/
  5. garmoni
    На большом экране то же самое. У меня адаптивная верстка
  6. garmoni
    https://jsfiddle.net/aw0qvc0e/4/
  7. garmoni
    Мне нужно чтобы зона main-menu была на всю страницу, так как это фиксированое меню, а внутри wrapper. Сделала все равно не помогло <div class="main-menu"> <div class="row wrapper"> <div class="col-xs-12 col-md-6 "> <section class="jqueryOptions opt1"> <ul> <li> <a href="#">Меню</a> </li> <li> <a href="#">Ресторан</a> </li> <li> <a href="#">Банкетный зал</a> </li> <li> <a href="#">Спорт-бар</a> </li> <li> <a href="#">Контакы</a> </li> </ul> </section> </div> <div class="col-xs-12 col-md-6"> <div class="order"> <button>Заказать банкет</button> </div> <div class="select-area"> <select name="choose" id="choose" class="input-select"> <option value="opt1">RU</option> <option value="opt2">EN</option> </select> </div> <div class="tel"> <span>22 070 700</span> </div> </div> </div> </div>
  8. garmoni
    Подключен в head https://jsfiddle.net/aw0qvc0e/1/
  9. garmoni
    что именно не верно?
  10. garmoni
    Добрый день. При создании верхнего меню сайта с сеткой bootstrap правая часть падает вниз под левую. Не могу найти в чем причина. Код https://jsfiddle.net/aw0qvc0e/
  11. garmoni
    Спасибо за ответы
  12. garmoni
    Почему в обычной версии меню не выходит за пределы wrapper, а в мобильной выходит https://jsfiddle.net/2dcah0fL/7/
  13. garmoni
    Что нужно изменить чтобы меню было так же по правой стороне , не занимая весь экран и открывалось блочно в столбец, а не строку? https://jsfiddle.net/2dcah0fL/6/
  14. garmoni
    Спасибо. Теперь разобралась. Осталось поменять стили для .menu__links в мобильной версии
  15. garmoni
    В мобильном меню должно открываться .menu__icon
  16. garmoni
    Подключила jQuery. Немного подправила и начало открываться содержимое меню, но почему то не то меню. И в полосках меню виден текст меню ( https://jsfiddle.net/2dcah0fL/5/
  17. garmoni
    не подключала, как подключить? в примере ну указано ничего классы исправила, но все так же не работает https://jsfiddle.net/2dcah0fL/2/
  18. garmoni
    Описание взяла от сюда http://getinstance.info/articles/css/responsive-menu/ Там больше нет стилей
  19. garmoni
    класс у меня прописан внизу в медиа .menu.menu_state_open .menu__icon span:nth-child(1) { top: 18px; width: 0%; left: 50%; } .menu.menu_state_open .menu__icon span:nth-child(2) { transform: rotate(45deg); } .menu.menu_state_open .menu__icon span:nth-child(3) { transform: rotate(-45deg); } .menu.menu_state_open .menu__icon span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .menu.menu_state_open .menu__links { opacity: 1; }
  20. garmoni
    Всем привет. Сделала мобильную версию меню , при открытии сайта на небольшом экране появляется мобильное меню, но оно не открывается. Помогите разобраться в чем причина. https://jsfiddle.net/2dcah0fL/
  21. garmoni
    Здравствуйте. Появилась проблема при верстке по сетке Bootstrap. <div class="col-xs-12 col-md-6>текст1</div> <div class="col-xs-12 col-md-6>текст2</div> текст2 находится не справа от текст1, а снизу Такая же проблема с before. текст в списеке снизу before, а не справа Помогите разобраться <body> <div class="container-fluid"> <div class="meny"> <div class="row"> <a name="top"></a> <div class="col-xs-12"> <nav> <ul class="list-menu"> <li><a href="#top">Главная</a></li> <li><a href="#skills">Навыки</a></li> <li><a href="#portfolio">Портфолио</a></li> <li><a href="#contacts">Контакты</a></li> </ul> </nav> </div> </div> </div> <div class="meny-arrow"></div> <div class="contents"> <article> <div class="row height-vh"> <div class="col-xs-12 col-md-6 center top-text"> <div class="name"> текст1 </div> </div> <div class="col-xs-12 col-md-6 top-text"> <div class="about"> <p>текст2 </p> </div> </div> </div> </article> <div class="row skills height-vh"> <a name="skills"></a> <h2>Практические навыки</h2> <div class="col-xs-12 col-md-6 list-skills"> <ul> <li><h4>HTML</h4></li> <li><h4>CSS</h4></li> <li><h4>HTML</h4></li> <li><h4>HTML</h4></li> </ul> </div> <div class="col-xs-12 col-md-6"> </div> </div> </div> </body> * { padding: 0; margin: 0; } body { font-family: 'PT Sans', sans-serif; } nav { background: #006589; padding: 15px; box-shadow: 0 0 10px rgba(0,0,0,1); height: 100vh; } .list-menu{ list-style: none; } .list-menu li a{ color: #fff; display: block; padding: 5px 15px 0 0; font-size: 24px; text-decoration: none; } /*.list-menu li a:hover{ background: #4db6f4; }*/ .height-vh { height: 100vh; } .indent { padding: 20px; } .center { text-align: center; } .top-text { margin: 40px; } .name { } .about { font-size: 18px; } .skills { background: #f0f0f0; } .list-skills ul { list-style: none; } .list-skills li:before { content: url(../images/inputs.png); display: inline-block; } .fleft { float: left; } .fright { float: right; }
  22. garmoni
    Я добавила код в песочницу, но как указать на него ссылку я не знаю. На другом форуме подсказали добавить page_align{ overflow: hidden;} Проблема решена.
  23. garmoni
    вместо правильной. А также предлагает привязывать оформление к id (напр. #content), а не к class, что считается плохой практикой (уникальность id затрудняет повторное использование стилей оформления, поэтому профессионалы советуют использовать id только для скриптов и в качестве якорей). Да и сам по себе признак устаревшего подхода. Так что лучше учиться не по этим "урокам", а по самоучителям с htmlbook.ru Реклама сайта хорошая, но у меня вопрос не о том. Интересует, почему в точности одинаковый код, а результаты разные.
  24. garmoni
    Можно по подробней, объяснить, не понимаю о чем идет речь.
  25. garmoni
    Добрый день. Пытаюсь создать сайт по шаблону, с помощью видео уроков. Все делаю точно по уроку. На определенном этапе под шапкой у меня не появляется фон как у роке (белый) или картинка(беграунд) Код HTML Код CSS Результат который у меня получился http://clip2net.com/s/6vtS8X Результат который я вижу в уроке http://clip2net.com/s/6vtTHz
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept