• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Форум » Web-Раздел » Начинающему вебмастеру » Выпадающему меню на сайт и его корректировка (Здесь мы сделаем адаптивное выпадающее меню на jQuery и CSS3)
Выпадающему меню на сайт и его корректировка
Alexsandr0106
 		Понедельник, 13 Марта 2017, 13:32 | Сообщение 16
Оффлайн
Пользователи
Сообщений:46
« 0 »
какой бы размер не ставил все равно все в 1 колонку
[ RU ]
waak
 		Понедельник, 13 Марта 2017, 13:37 | Сообщение 17
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Цитата waak ()
что не получается? киньте код меню
[ RU ]
Alexsandr0106
 		Понедельник, 13 Марта 2017, 13:37 | Сообщение 18
Оффлайн
Пользователи
Сообщений:46
« 0 »
Код
<link type="text/css" rel="StyleSheet" href="http://only-cinema.ru/css/css-menu.css" />
<ul id="nav">
    
<li><a href="/" title="Смотреть онлайн кино фильмы 2017 года в хорошем качестве HD 720">Фильмы</a>
<ul>
<li><a href="/load/boeviki/4"><i class="fa fa-caret-right"></i>Боевики</a></li>
<li><a href="/load/biografii/5"><i class="fa fa-caret-right"></i>Биографии</a></li>
<li><a href="/load/vesterny/6"><i class="fa fa-caret-right"></i>Вестерны</a></li>
<li><a href="/load/voennye/7"><i class="fa fa-caret-right"></i>Военные</a></li>
<li><a href="/load/detektivy/8"><i class="fa fa-caret-right"></i>Детективы</a></li>
<li><a href="/load/dramy/9"><i class="fa fa-caret-right"></i>Драмы</a></li>
<li><a href="/load/istorija/10"><i class="fa fa-caret-right"></i>Исторические</a></li>
<li><a href="/load/komedii/11"><i class="fa fa-caret-right"></i>Комедии</a></li>
<li><a href="/load/kriminal/12"><i class="fa fa-caret-right"></i>Криминальные</a></li>
<li><a href="/load/melodramy/13"><i class="fa fa-caret-right"></i>Мелодрамы</a></li>
<li><a href="/load/muzykalnye/14"><i class="fa fa-caret-right"></i>Музыкальные</a></li>
<li><a href="/load/multfilmy/3"><i class="fa fa-caret-right"></i>Мультфильмы</a></li>
<li><a href="/load/prikljuchenija/15"><i class="fa fa-caret-right"></i>Приключения</a></li>
<li><a href="/load/sport/16"><i class="fa fa-caret-right"></i>Спортивные</a></li>
<li><a href="/load/trillery/17"><i class="fa fa-caret-right"></i>Триллеры</a></li>
<li><a href="/load/trejler_anons/21"><i class="fa fa-caret-right"></i>Трейлеры/Анонсы</a></li>
<li><a href="/load/uzhasy/18"><i class="fa fa-caret-right"></i>Ужасы</a></li>
<li><a href="/load/fantastika/19"><i class="fa fa-caret-right"></i>Фантастика</a></li>
<li><a href="/load/fehntezi/20"><i class="fa fa-caret-right"></i>Фэнтези</a></li>
</ul>
</li>
<li><a href="/load/serialy/22" title="Смотреть онлайн сериалы 2017 года в хорошем качестве HD 720">Сериалы</a>
<ul>
     
<li><a href="/load/boeviki/24"><i class="fa fa-caret-right"></i>Боевики</a></li>
<li><a href="/load/vesterny/25"><i class="fa fa-caret-right"></i>Вестерны</a></li>
<li><a href="/load/voennye/26"><i class="fa fa-caret-right"></i>Военные</a></li>
<li><a href="/load/detektivy/27"><i class="fa fa-caret-right"></i>Детективы</a></li>
<li><a href="/load/dramy/28"><i class="fa fa-caret-right"></i>Драмы</a></li>
<li><a href="/load/zarubezhnye/39"><i class="fa fa-caret-right"></i>Зарубежные</a></li>
<li><a href="/load/istorija/29"><i class="fa fa-caret-right"></i>Исторические</a></li>
<li><a href="/load/komedii/30"><i class="fa fa-caret-right"></i>Комедии</a></li>
<li><a href="/load/kriminal/31"><i class="fa fa-caret-right"></i>Криминальные</a></li>
<li><a href="/load/melodramy/32"><i class="fa fa-caret-right"></i>Мелодрамы</a></li>
<li><a href="/load/multfilmy/23"><i class="fa fa-caret-right"></i>Мультфильмы</a></li>
<li><a href="/load/prikljuchenija/33"><i class="fa fa-caret-right"></i>Приключения</a></li>
<li><a href="/load/programma_tv/40"><i class="fa fa-caret-right"></i>Программы ТВ</a></li>
<li><a href="/load/russkie/38"><i class="fa fa-caret-right"></i>Русские</a></li>
<li><a href="/load/trillery/34"><i class="fa fa-caret-right"></i>Триллеры</a></li>
<li><a href="/load/uzhasy/35"><i class="fa fa-caret-right"></i>Ужасы</a></li>
<li><a href="/load/fantastika/36"><i class="fa fa-caret-right"></i>Фантастика</a></li>
<li><a href="/load/fehntezi/37"><i class="fa fa-caret-right"></i>Фэнтези</a></li>
</ul>
</li>
<li><a href="/gb/" title="">Стол заказов</a></li>
<li><a href="/forum" title="">Форум</a></li>
</ul>
[ RU ]
waak
 		Понедельник, 13 Марта 2017, 13:40 | Сообщение 19
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Код
#nav li ul {
    z-index: 200;
    position: relative;
    width: 270px;
}


Код
#nav li ul li {
    float: left;
    width: 135px;
}


и не забываем добавить блок что я писал раньше
[ RU ]
waak
 		Понедельник, 13 Марта 2017, 13:42 | Сообщение 20
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Код
<link type="text/css" rel="StyleSheet" href="http://only-cinema.ru/css/css-menu.css" />
<ul id="nav">
    
<li><a href="/" title="Смотреть онлайн кино фильмы 2017 года в хорошем качестве HD 720">Фильмы</a>
<ul>
<li><a href="/load/boeviki/4"><i class="fa fa-caret-right"></i>Боевики</a></li>
<li><a href="/load/biografii/5"><i class="fa fa-caret-right"></i>Биографии</a></li>
<li><a href="/load/vesterny/6"><i class="fa fa-caret-right"></i>Вестерны</a></li>
<li><a href="/load/voennye/7"><i class="fa fa-caret-right"></i>Военные</a></li>
<li><a href="/load/detektivy/8"><i class="fa fa-caret-right"></i>Детективы</a></li>
<li><a href="/load/dramy/9"><i class="fa fa-caret-right"></i>Драмы</a></li>
<li><a href="/load/istorija/10"><i class="fa fa-caret-right"></i>Исторические</a></li>
<li><a href="/load/komedii/11"><i class="fa fa-caret-right"></i>Комедии</a></li>
<li><a href="/load/kriminal/12"><i class="fa fa-caret-right"></i>Криминальные</a></li>
<li><a href="/load/melodramy/13"><i class="fa fa-caret-right"></i>Мелодрамы</a></li>
<li><a href="/load/muzykalnye/14"><i class="fa fa-caret-right"></i>Музыкальные</a></li>
<li><a href="/load/multfilmy/3"><i class="fa fa-caret-right"></i>Мультфильмы</a></li>
<li><a href="/load/prikljuchenija/15"><i class="fa fa-caret-right"></i>Приключения</a></li>
<li><a href="/load/sport/16"><i class="fa fa-caret-right"></i>Спортивные</a></li>
<li><a href="/load/trillery/17"><i class="fa fa-caret-right"></i>Триллеры</a></li>
<li><a href="/load/trejler_anons/21"><i class="fa fa-caret-right"></i>Трейлеры/Анонсы</a></li>
<li><a href="/load/uzhasy/18"><i class="fa fa-caret-right"></i>Ужасы</a></li>
<li><a href="/load/fantastika/19"><i class="fa fa-caret-right"></i>Фантастика</a></li>
<li><a href="/load/fehntezi/20"><i class="fa fa-caret-right"></i>Фэнтези</a></li>
<div style="clear: both;"></div>
</ul>
</li>
<li><a href="/load/serialy/22" title="Смотреть онлайн сериалы 2017 года в хорошем качестве HD 720">Сериалы</a>
<ul>
     
<li><a href="/load/boeviki/24"><i class="fa fa-caret-right"></i>Боевики</a></li>
<li><a href="/load/vesterny/25"><i class="fa fa-caret-right"></i>Вестерны</a></li>
<li><a href="/load/voennye/26"><i class="fa fa-caret-right"></i>Военные</a></li>
<li><a href="/load/detektivy/27"><i class="fa fa-caret-right"></i>Детективы</a></li>
<li><a href="/load/dramy/28"><i class="fa fa-caret-right"></i>Драмы</a></li>
<li><a href="/load/zarubezhnye/39"><i class="fa fa-caret-right"></i>Зарубежные</a></li>
<li><a href="/load/istorija/29"><i class="fa fa-caret-right"></i>Исторические</a></li>
<li><a href="/load/komedii/30"><i class="fa fa-caret-right"></i>Комедии</a></li>
<li><a href="/load/kriminal/31"><i class="fa fa-caret-right"></i>Криминальные</a></li>
<li><a href="/load/melodramy/32"><i class="fa fa-caret-right"></i>Мелодрамы</a></li>
<li><a href="/load/multfilmy/23"><i class="fa fa-caret-right"></i>Мультфильмы</a></li>
<li><a href="/load/prikljuchenija/33"><i class="fa fa-caret-right"></i>Приключения</a></li>
<li><a href="/load/programma_tv/40"><i class="fa fa-caret-right"></i>Программы ТВ</a></li>
<li><a href="/load/russkie/38"><i class="fa fa-caret-right"></i>Русские</a></li>
<li><a href="/load/trillery/34"><i class="fa fa-caret-right"></i>Триллеры</a></li>
<li><a href="/load/uzhasy/35"><i class="fa fa-caret-right"></i>Ужасы</a></li>
<li><a href="/load/fantastika/36"><i class="fa fa-caret-right"></i>Фантастика</a></li>
<li><a href="/load/fehntezi/37"><i class="fa fa-caret-right"></i>Фэнтези</a></li>
<div style="clear: both;"></div>
</ul>
</li>
<li><a href="/gb/" title="">Стол заказов</a></li>
<li><a href="/forum" title="">Форум</a></li>
</ul>
[ RU ]
Alexsandr0106
 		Понедельник, 13 Марта 2017, 13:43 | Сообщение 21
Оффлайн
Пользователи
Сообщений:46
« 0 »
бле теперь все прозрачное =(
[ RU ]
waak
 		Понедельник, 13 Марта 2017, 13:44 | Сообщение 22
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Цитата Alexsandr0106 ()
бле теперь все прозрачное =(

я кинул вам код поставьте его
[ RU ]
Alexsandr0106
 		Понедельник, 13 Марта 2017, 13:45 | Сообщение 23
Оффлайн
Пользователи
Сообщений:46
« 0 »
спс заработало но как то все не красиво =(((
[ RU ]
waak
 		Понедельник, 13 Марта 2017, 13:46 | Сообщение 24
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Цитата Alexsandr0106 ()
спс заработало но как то все не красиво =(((

и что вы хотите? вы сами так сделали опустите блок ниже чтоб он не поднимался под ссылку и уберите у него верхний паддинг будет красиво
[ RU ]
waak
 		Понедельник, 13 Марта 2017, 13:48 | Сообщение 25
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Код
#nav li ul {
    margin: 0px;
    padding: 0px;
}
[ RU ]
Alexsandr0106
 		Понедельник, 13 Марта 2017, 13:48 | Сообщение 26
Оффлайн
Пользователи
Сообщений:46
« 0 »
так еще вопрос категории показываются с маркером LI его какнить вообще убрать можно? LI не реагирует на код самого меню!
[ RU ]
waak
 		Понедельник, 13 Марта 2017, 13:50 | Сообщение 27
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Цитата Alexsandr0106 ()
так еще вопрос категории показываются с маркером LI его какнить вообще убрать можно? LI не реагирует на код самого меню!

я не вижу маркера я вижу картинку в ссылке
[ RU ]
Alexsandr0106
 		Понедельник, 13 Марта 2017, 13:52 | Сообщение 28
Оффлайн
Пользователи
Сообщений:46
« 0 »
я про вот это "►"
[ RU ]
First-1
 		Понедельник, 13 Марта 2017, 13:56 | Сообщение 29
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Замечания: 20%
« 6 »
Вот это по убирай с меню и не будет картинок
Код
<i class="fa fa-caret-right"></i>
[ ES ]
waak
 		Понедельник, 13 Марта 2017, 13:58 | Сообщение 30
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Код
<link type="text/css" rel="StyleSheet" href="http://only-cinema.ru/css/css-menu.css" />
<ul id="nav">
    
<li><a href="/" title="Смотреть онлайн кино фильмы 2017 года в хорошем качестве HD 720">Фильмы</a>
<ul>
<li><a href="/load/boeviki/4">Боевики</a></li>
<li><a href="/load/biografii/5">Биографии</a></li>
<li><a href="/load/vesterny/6">Вестерны</a></li>
<li><a href="/load/voennye/7">Военные</a></li>
<li><a href="/load/detektivy/8">Детективы</a></li>
<li><a href="/load/dramy/9">Драмы</a></li>
<li><a href="/load/istorija/10">Исторические</a></li>
<li><a href="/load/komedii/11">Комедии</a></li>
<li><a href="/load/kriminal/12">Криминальные</a></li>
<li><a href="/load/melodramy/13">Мелодрамы</a></li>
<li><a href="/load/muzykalnye/14">Музыкальные</a></li>
<li><a href="/load/multfilmy/3">Мультфильмы</a></li>
<li><a href="/load/prikljuchenija/15">Приключения</a></li>
<li><a href="/load/sport/16">Спортивные</a></li>
<li><a href="/load/trillery/17">Триллеры</a></li>
<li><a href="/load/trejler_anons/21">Трейлеры/Анонсы</a></li>
<li><a href="/load/uzhasy/18">Ужасы</a></li>
<li><a href="/load/fantastika/19">Фантастика</a></li>
<li><a href="/load/fehntezi/20">Фэнтези</a></li>
<div style="clear: both;"></div>
</ul>
</li>
<li><a href="/load/serialy/22" title="Смотреть онлайн сериалы 2017 года в хорошем качестве HD 720">Сериалы</a>
<ul>
     
<li><a href="/load/boeviki/24">Боевики</a></li>
<li><a href="/load/vesterny/25">Вестерны</a></li>
<li><a href="/load/voennye/26">Военные</a></li>
<li><a href="/load/detektivy/27">Детективы</a></li>
<li><a href="/load/dramy/28">Драмы</a></li>
<li><a href="/load/zarubezhnye/39">Зарубежные</a></li>
<li><a href="/load/istorija/29">Исторические</a></li>
<li><a href="/load/komedii/30">Комедии</a></li>
<li><a href="/load/kriminal/31">Криминальные</a></li>
<li><a href="/load/melodramy/32">Мелодрамы</a></li>
<li><a href="/load/multfilmy/23">Мультфильмы</a></li>
<li><a href="/load/prikljuchenija/33">Приключения</a></li>
<li><a href="/load/programma_tv/40">Программы ТВ</a></li>
<li><a href="/load/russkie/38">Русские</a></li>
<li><a href="/load/trillery/34">Триллеры</a></li>
<li><a href="/load/uzhasy/35">Ужасы</a></li>
<li><a href="/load/fantastika/36">Фантастика</a></li>
<li><a href="/load/fehntezi/37">Фэнтези</a></li>
<div style="clear: both;"></div>
</ul>
</li>
<li><a href="/gb/" title="">Стол заказов</a></li>
<li><a href="/forum" title="">Форум</a></li>
</ul>
[ RU ]
Форум » Web-Раздел » Начинающему вебмастеру » Выпадающему меню на сайт и его корректировка (Здесь мы сделаем адаптивное выпадающее меню на jQuery и CSS3)
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Поиск: