29.07.2010, 09:26
|
#11 (permalink) |
|
Member
Регистрация: 20.05.2010
Сообщений: 53
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 10
|
Код:
<style type='text/css'>
.menu
{
ul
{
margin: 0;
padding: 0;
list-style: none;
width: 250px;
border-bottom: 1px solid #ccc;
}
ul li { position: relative; }
li ul
{
position: absolute;
left: 249px;
top: 0;
display: none;
}
ul li a
{
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
li:hover ul { display: block; }
}
</style>
<div class ="menu" >
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Недвижимость</a> </li>
<li><a href="#">Домашний ремонт</a>
<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>
</li>
<li><a href="#">Автомобили</a>
<ul>
<li><a href="#">Купля\Продaжа</a></li>
<li><a href="#">Прокат Автомобилей</a></li>
<li><a href="#">Ремонт и обслуживание</a></li>
</ul>
</li>
<li><a href="#">Компютеры</a>
<ul>
<li><a href="#">Продажа компютеров</a></li>
<li><a href="#">Ремонт и Обслуживание</a></li>
<li><a href="#">Разработка сайтов и программ </a></li>
</ul>
</li>
<li><a href="#">Перевозки</a></li>
<li><a href="#">Юр. Услуги</a>
<ul>
<li><a href="#">Адвокаты</a></li>
<li><a href="#">Натариусы</a></li>
</ul>
</li>
<li><a href="#">Торговля</a>
<ul>
<li><a href="#">Продукты питания</a></li>
<li><a href="#">Товары для дома</a></li>
<li><a href="#">Предметы роскаши</a></li>
</ul>
</li>
<li><a href="#">Финансы</a>
<ul>
<li><a href="#">Бугатера и Аудиторы</a></li>
<li><a href="#">Советники по налогам</a></li>
<li><a href="#">Советники по инвестициям</a></li>
</ul>
</li>
<li><a href="#">Медицина и Здоровье</a>
<ul>
<li><a href="#">Стоматология</a></li>
<li><a href="#">Пластическая Хирургия</a></li>
<li><a href="#">Часные Клиники</a></li>
<li><a href="#">Врачи частной практики</a></li>
</ul>
</li>
<li><a href="#">Туризм</a>
<ul>
<li><a href="#">Турагенство</a></li>
<li><a href="#">Услуги Гида</a></li>
<li><a href="#">Заказ Билетов</a></li>
</ul>
</li>
</ul>
</div>
|
|
|
|
29.07.2010, 09:26
|
|
|
Helpmaster
Member
Регистрация: 08.03.2016
Сообщений: 0
|
Всегда рад посоветовать к просмотру похожие темы Топ меню Мозила не показывает выпадающее меню на сайтах Глюк в меню Меню CD/DVD Создание меню DVD диска |
|
29.07.2010, 11:53
|
#13 (permalink) | |
|
Member
Регистрация: 03.07.2008
Сообщений: 588
Записей в дневнике: 3
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 1300
|
Цитата:
Код:
<li><a href="#">Туризм</a>
<ul>
<li><a href="#">Турагенство</a></li>
<li><a href="#">Услуги Гида</a></li>
<li><a href="#">Заказ Билетов</a></li>
</ul>
</li>
Код:
<li><a href="#">Туризм</a>
<ul>
<li class="klass_punkta_menu1"><a href="#">Турагенство</a></li>
<liclass="klass_submenu2"><a href="#">Услуги Гида</a></li>
<liclass="klass_submenu2"><a href="#">Заказ Билетов</a></li>
</ul>
</li>
Код:
.klass_submenu2 li {
height: 25px;
color:fff;
}
li.klass_submenu2 {
color:aaa;
}
Код:
#menu ul a:hover{
color: fff;
}
|
|
|
|
|
|
29.07.2010, 11:56
|
#15 (permalink) |
|
Member
Регистрация: 20.05.2010
Сообщений: 53
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 10
|
Cделал влт что:
Код:
<style type='text/css'>
.menu ul {
margin: 0;
padding: 0;
list-style: none;
width: 250px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.menu ul li {
position: relative;
height: 44px; /*тут высота*/
border-bottom: 1px solid #ccc;
}
li ul{
position: absolute;
left: 250px;
top: 10;
display: none;
}
.menu ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 15px; /*тут отступ*/
}
.menu li:hover ul { display: block; }
}
</style>
Как переделать чтоб пункты были поралелны! 
|
|
|
|
| Ads | |
|
Member
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
|
|
|
29.07.2010, 12:03
|
#16 (permalink) |
|
Member
Регистрация: 05.02.2009
Сообщений: 2,602
Записей в дневнике: 1
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 1165
|
top 10; - убрать нахрен, еще вопрос: вы проверяете это меню в каком браузере? У меня в опере последнейц идет, в експлорере последнем нет.
|
|
|
|
|
29.07.2010, 12:04
|
#17 (permalink) | |
|
Member
Регистрация: 03.07.2008
Сообщений: 588
Записей в дневнике: 3
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 1300
|
Цитата:
Код:
<style type='text/css'>
.menu ul {
margin: 0;
padding: 0;
list-style: none;
width: 250px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.menu ul li {
position: relative;
height: 44px; /*тут высота*/
border-bottom: 1px solid #ccc;
}
li ul{
position: absolute;
left: 250px;
top: 0;
display: none;
}
.menu ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 15px; /*тут отступ*/
}
.menu li:hover ul { display: block; }
}
</style>
li ul{ position: absolute; left: 250px; top: 0; <--- вот тут надо поставить 0 display: none; } |
|
|
|
|
|
29.07.2010, 12:06
|
#19 (permalink) |
|
Member
Регистрация: 05.02.2009
Сообщений: 2,602
Записей в дневнике: 1
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 1165
|
Нестрашно, в каких браузерах проверяете? И к стати, у тебя правильно, если убрать top, то смещается на пункт ниже, так что 0 ставим
|
|
|
|
|
29.07.2010, 12:10
|
#20 (permalink) |
|
Member
Регистрация: 03.07.2008
Сообщений: 588
Записей в дневнике: 3
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 1300
|
в опере и мозилла
|
|
|
|
| Ads | |
|
Member
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
|
|
 |
|
|
Линейный вид
