Search the Community
Showing results for tags 'nav'.
Found 7 results
-
Привет от полного новичка в верстке. Делаю сайт и возникла небольшая проблема. В навигации html воспринимает код как обычный текст. Уже много чего перепробовал, но проблема осталась. (Css еще не подключал, а сайт на стадии каркаса) <nav> <а href="index.html">1</а> <а href="shop.html">2</а> <а href="text.html">3</а> <а href="news.html">4</а> </nav>
-
Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...
-
Добрый день. Всегда верстал меню так: <nav> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> </nav> Потом полазил по разным сайтам и заметил, что почти все делают такую структуру: <nav> <ul> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> </ul> </nav> Даже здесь, на вашем форуме, меню оформлено в маркированном списке. Почему? Зачем писать больше лишнего кода? Тег <nav> уже подразумевает, что в нём содержится меню, зачем нужен <ul>?
-
Очень простой, базовый пример, взятый с официального сайта, не работает. 1. Почему не появляется навигация prev/next ? Написал же nav:true 2. Почему не появляются индикаторы слайдера? Написано же dots:true http://jsfiddle.net/s10bgckL/320/ Пример взял отсюда. http://www.owlcarousel.owlgraphic.com/demos/stagepadding.html Помогите, пожалуйста. На каком-то русскоязычном сайте информация оказалась более актуальной, чем на официальном. Оказывается, правильно писать так : navigation:true, pagination:true, Читайте документации и не ходите по другим сайтам...
- 4 replies
-
- 1
-
-
- owl-carousel
- dots
- (and 1 more)
-
Привет. Есть горизонтальное меню. Как после каждого пункта меню вывести точки, как тут: Если кому нужна картинка точек.
-
Всем добрый день! Решил переделать с 1-страничного во многостраничный сайт и столкнулся с непонятной проблемой: ВТОРОЙ пункт меню не открывается. Не могу понять в чем дело. ПОМОГИТЕ!!!! http://xn--80apgctu.in.ua/ Спасибо!
-
Уважаемые мастера, прошу вас сориентировать и подсказать. Есть задача переделать один шаблон в две резиновые колонки со статичным контентом, для уменьшения большого количества строк кода. Решил попробовать левый столбик сделать на основе <nav></nav>, правый уже <div>. <!DOCTYPE html><html><head> <title></title> <meta name="description" content="free website template" /> <meta name="keywords" content="enter your keywords here" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald:400,300" type="text/css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--></head><body> <nav> <ul> <li class=""> <a href="index.html">1</a> </li> <li class=""> <a href="index.html">2</a> </li> <li class=""> <a href="index.html">3</a> </li> <li class=""> <a href="index.html">4</a> </li> </ul> </nav> <div class="ct-green"> <ul> <li class=""> <a href="index.html">0</a> </li> <li class=""> <a href="index.html">00</a> </li> <li class=""> <a href="index.html">000</a> </li> <li class=""> <a href="index.html">0000</a> </li> </ul> </div> </body></html>CSS: html { height:100%; }body { margin:0; background-color:#ce4718; font-family: 'AbelRegular'; position:relative; height:100%;}a { outline:none;}a img { border:0; display:block;}p { font-family:Arial, Helvetica, sans-serif;}nav { width:31%; height:90%; float:left; position:relative; }.ct-green { width:69%; height:100%; margin-left:31%; background:url(../img/bg-green.png); position:relative;}nav ul { width:122px; height:100%; position:absolute; top:0; right: 0;} Насколько такая конструкция будет "кошерна")?
