X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Нужна помощь с выпадающим меню
Ambi_hb
Ambi_hb
Topic Starter сообщение 24.5.2013, 17:35; Ответить: Ambi_hb
Сообщение #1


нужно чтобы выпадающая вкладка при наведении курсора фиксировалась

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link type="text/css" rel="stylesheet" href="style.css">

</head>
<body>


<div id="container">
<div id="link">A</div>
<div id="sub">B</div>
</div>

<div id="container">
<div id="link">A</div>
<div id="sub">B</div>
</div>


<table style="min-width: 900px; width: 98%; margin-left: 15px; text-align:center; border-spacing:0; border-collapse:collapse;">
<tr>
<td><a href="/uaz.html"><img alt="УАЗ" src="img/logo/uaz.jpg"></a></td>
<td><a href="/ssangyong.html"><img alt="Санг Йонг" src="img/logo/ssangyong.jpg"></a></td>
<td><a href="/fiat.html"><img alt="Фиат" src="img/logo/fiat.jpg"></a></td>
<td><a href="/tagaz.html"><img alt="ТагАЗ" src="img/logo/tagaz.jpg"></a></td>
<td><a href="/geely.html"><img alt="Джили" src="img/logo/geely.jpg"></a></td>
<td><a href="/chery.html"><img alt="Чери" src="img/logo/chery.jpg"></a></td>
<td><a href="/zaz.html"><img alt="ЗАЗ" src="img/logo/zaz.jpg"></a></td>
<td><a href="/bogdan.html"><img alt="Богдан" src="img/logo/bogdan.jpg"></a></td>
<td><a href="/faw.html"><img alt="Фау" src="img/logo/faw.jpg"></a></td>
</tr>

<tr class="CarMenu">

<td id="container"><div id="link"><a href="/uaz.html" class="drop">UAZ</a></div>


<div class="dropdown_columns" id="uaz"><!-- Begin 3 columns container -->

<div class="col_4">
<!-- <h2><a href="http://torgmash-avto.ru/uaz.html">UAZ</a></h2> -->
<h2>Автомобили УАЗ</h2>
</div>

<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/patriot.html">УАЗ Патриот</a>
<p><a href="http://torgmash-avto.ru/uaz/patriot.html"> <img src="img/auto/uaz/patriot.png" width="110" height="50" alt=""/></a></p>

</li>
</ul>
<div class="price">от 499 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/uaz-hunter.html">УАЗ Хантер</a>
<p><a href="http://torgmash-avto.ru/uaz/uaz-hunter.html"> <img src="img/auto/uaz/hunter.png" width="110" height="50" alt=""/></a></p>

</li>

</ul>
<div class="price">от 399 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/pickup.html">УАЗ Пикап</a>
<p><a href="http://torgmash-avto.ru/uaz/pickup.html"> <img src="img/auto/uaz/pickup.png" width="110" height="50" alt=""/></a></p>

</li>

</ul>
<div class="price">от 553 000 руб.</div>
</div>



<div class="col_4">
<h2>Коммерческие УАЗ</h2>
</div>
<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/patriot.html">УАЗ 3303</a>
<p><a href="http://torgmash-avto.ru/uaz/patriot.html"> <img src="img/auto/uaz/3303.png" width="110" height="50" alt=""/></a></p>

</li>
</ul>
<div class="price">от 465 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/uaz-com/39094.html">УАЗ 3909-4</a>
<p><a href="http://torgmash-avto.ru/uaz/uaz-com/39094.html"> <img src="img/auto/uaz/3909-4.png" width="110" height="50" alt=""/></a></p>
</li>

</ul>
<div class="price">от 487 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/uaz-com/39099.html">УАЗ 3909-9</a>
<p><a href="http://torgmash-avto.ru/uaz/uaz-com/39099.html"> <img src="img/auto/uaz/3909-9.png" width="110" height="50" alt=""/></a></p>
</li>
</ul>
<div class="price">от 487 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/uaz-com/3741.html">УАЗ 3741</a>
<p><a href="http://torgmash-avto.ru/uaz/uaz-com/3741.html"> <img src="img/auto/uaz/3741.png" width="110" height="50" alt=""/></a></p>
</li>
</ul>
<div class="price">от 470 000 руб.</div>
</div>






<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/uaz-com/39625.html">УАЗ 3962-5</a>
<p><a href="http://torgmash-avto.ru/uaz/uaz-com/39625.html"> <img src="img/auto/uaz/3962-5.png" width="110" height="50" alt=""/></a></p>
</li>
</ul>
<div class="price">от 440 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/uaz-com/39629.html">УАЗ 3962-9</a>
<p><a href="http://torgmash-avto.ru/uaz/uaz-com/39629.html"> <img src="img/auto/uaz/3962-5.png" width="110" height="50" alt=""/></a></p>
</li>
</ul>
<div class="price">от 505 000 руб.</div>
</div>


<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/uaz-com/22069.html">УАЗ 2206</a>
<p><a href="http://torgmash-avto.ru/uaz/uaz-com/22069.html"> <img src="img/auto/uaz/2206.png" width="110" height="50" alt=""/></a></p>
</li>
</ul>
<div class="price">от 500 000 руб.</div>
</div>


<div class="col_4">
<h2>Спецавтомобили УАЗ</h2>
</div>



<div class="col_1">

<ul class="greybox">
<li>
<a href="http://torgmash-avto.ru/uaz/uaz-com/3303.html">Автомобиль ППС</a>
<p><a href="http://torgmash-avto.ru/uaz/uaz-com/3303.html"> <img src="img/auto/uaz/hunter2.png" width="110" height="50" alt=""/></a></p>
</li>

</ul>
<div class="price">от 515 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">

<li>
<a href="http://torgmash-avto.ru/uaz/specavtomobili/specialnyj-avtomobil-dlja-perevozki-zakljuchennyh.html">Для заключенных</a>
<p><a href="http://torgmash-avto.ru/uaz/specavtomobili/specialnyj-avtomobil-dlja-perevozki-zakljuchennyh.html"> <img src="img/auto/uaz/zek.png" width="110" height="50" alt=""/></a></p>
</li>

</ul>
<div class="price">от 635 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">


<li>
<a href="http://torgmash-avto.ru/uaz/specavtomobili/specialnyj-avtomobil-dezhurnoj-chasti.html">Дежурной части</a>
<p><a href="http://torgmash-avto.ru/uaz/specavtomobili/specialnyj-avtomobil-dezhurnoj-chasti.html"> <img src="img/auto/uaz/dez_c.png" width="110" height="50" alt=""/></a></p>
</li>

</ul>
<div class="price">от 595 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">

<li>
<a href="http://torgmash-avto.ru/uaz/specavtomobili/skoraja-pomocsh-3962.html">Скорая помощь</a>
<p><a href="http://torgmash-avto.ru/uaz/specavtomobili/skoraja-pomocsh-3962.html"> <img src="img/auto/uaz/skoraya.png" width="110" height="50" alt=""/></a></p>
</li>

</ul>
<div class="price">от 862 000 руб.</div>
</div>




<div class="col_1">

<ul class="greybox">

<li>
<a href="http://torgmash-avto.ru/uaz/specavtomobili/produktovyj-izotermicheskij.html">Продуктовый</a>
<p><a href="http://torgmash-avto.ru/uaz/specavtomobili/produktovyj-izotermicheskij.html"> <img src="img/auto/uaz/produkt.png" width="110" height="50" alt=""/></a></p>
</li>

</ul>
<div class="price">от 555 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">


<li>
<a href="http://torgmash-avto.ru/uaz/specavtomobili/hlebovoznyj.html">Хлебовозный</a>
<p><a href="http://torgmash-avto.ru/uaz/specavtomobili/hlebovoznyj.html"> <img src="img/auto/uaz/hleb.png" width="110" height="50" alt=""/></a></p>
</li>

</ul>
<div class="price">от 570 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">

<li>
<a href="http://torgmash-avto.ru/uaz/specavtomobili/avtolavka.html">Автолавка</a>
<p><a href="http://torgmash-avto.ru/uaz/specavtomobili/avtolavka.html"> <img src="img/auto/uaz/produkt.png" width="110" height="50" alt=""/></a></p>
</li>

</ul>
<div class="price">от 610 000 руб.</div>
</div>

<div class="col_1">

<ul class="greybox">


<li>
<a href="http://torgmash-avto.ru/uaz/specavtomobili/mnogocelevoj.html">Многоцелевой</a>
<p><a href="http://torgmash-avto.ru/uaz/specavtomobili/mnogocelevoj.html"> <img src="img/auto/uaz/lavka.png" width="110" height="50" alt=""/></a></p>
</li>

</ul>
<div class="price">от 582 000 руб.</div>
</div>




<div class="col_1">

<ul class="greybox">


<li>
<a href="http://torgmash-avto.ru/uaz/uaz-spec/avtomobil-linejnogo-rukovoditelja-dorozhnoj-sluzhby-23632-patriot-pickup.html">Автомобиль линейного руководителя</a>
<p><a href="http://torgmash-avto.ru/uaz/uaz-spec/avtomobil-linejnogo-rukovoditelja-dorozhnoj-sluzhby-23632-patriot-pickup.html"> <img src="img/auto/uaz/lavka.png" width="110" height="50" alt=""/></a></p>
</li>
</ul>
<div class="price">от 575 000 руб..</div>
</div>

</div>



</td>
<td id="CarMenu"><a href="/ssangyong.html">SsangYong</a></td>
<td id="CarMenu"><a href="/fiat.html">Fiat</a></td>
<td id="CarMenu"><a href="/tagaz.html">ТагАЗ</a></td>
<td id="CarMenu"><a href="/geely.html">Geely</a></td>
<td id="CarMenu"><a href="/chery.html">Chery</a></td>
<td id="CarMenu"><a href="/zaz.html">ZAZ</a></td>
<td id="CarMenu"><a href="/bogdan.html">Bogdan</a></td>
<td><a href="/faw.html">FAW</a></td>
</tr>
</li>
</ul>


</table>

</body>
</html>


[CSS]

#menu li .drop {
padding-right:21px;
background:url("img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
background:url("img/drop.png") no-repeat right 7px;
}





#menu li a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #111111;
display:block;
outline:0;
text-decoration:none;
text-shadow: 0px 0px 0px #000;
}



ul, li {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:15px;
text-align:left;
}

#container, ul, li, h3, a{padding:0;margin:0}

li a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #111111;
display:block;
outline:0;
text-decoration:none;
text-shadow: 0px 0px 0px #000;
}

li:hover a {
color:#161616;
text-shadow: 1px 1px 1px #ffffff;
}

#container > div {
display: none;
}
#container > div:first-child {
display: block
}

#container > div:hover + #uaz{
display: block;

width: 990px;


}

h2{
margin: 0 0 0 0;
padding: 20px 0 0px 30px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
clear: both;
}

.dropdown_columns{

margin: 0;

position: absolute;

/* */
border: 1px solid #777777;
padding: 0;

/* Background color and gradients */

background: #F4F4F4;
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));

/* Rounded corners */

-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;

text-align: left;

}


.col_1{

float: left;
margin: 10px 0px 10px 10px;
padding-bottom: 5px;
}


.greybox li {

list-style:none;

background:#FFFFFF;
border:1px solid #bbbbbb;
margin:0px 0px 0px;
padding:4px 6px 4px 6px;
width:116px;

/* Rounded Corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

.price{

position:relative; left: 30px; margin-top: -17px; font-size:11px; color: #fc0000
}

[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 26.5.2013, 4:24; Ответить: Wins
Сообщение #2


Какая вкладка должна выпадать и фиксироваться?У вас же тут вообще нет каких либо выпадающих вкладок.Меню вам чтоли нужно с выпадающим списком или что-то другое...вообщем не свосем понятно что нужно то.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ambi_hb
Ambi_hb
Topic Starter сообщение 27.5.2013, 9:43; Ответить: Ambi_hb
Сообщение #3


При наведении в меню на УАЗ выпадает вкладка, с наименованиями авто, когда я хочу навести курсор на какоу либо модель эта вкладка исчезает, нужно чтобы она не пропадала когда на ней наведен курсор мышки, а пропадала только тогда когда отвести курсор с неё.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 27.5.2013, 10:11; Ответить: Wins
Сообщение #4


Ну незнаю,открывал в трех разных браузерах.Ничего не выпадает,просто пункт меню подсвечивается красным цветом.Да и по коду не видно, чтоб у вас вообще было выпадающее меню.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 27.5.2013, 10:37; Ответить: Den1xxx
Сообщение #5


Ambi, сгенерируйте что надо с помощью сервиса http://purecssmenu.com/ и всего делов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ambi_hb
Ambi_hb
Topic Starter сообщение 27.5.2013, 10:58; Ответить: Ambi_hb
Сообщение #6


Wins вы стили правильно прописали? Я вот тоже попробовал скопировать, все открывается.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 27.5.2013, 11:03; Ответить: Wins
Сообщение #7


Правильно.Дело в том что я не только на локалке открывал,но и открывал ваш сайт который в ссылках указан,и там тоже ничего не выпадает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ambi_hb
Ambi_hb
Topic Starter сообщение 27.5.2013, 11:13; Ответить: Ambi_hb
Сообщение #8


На сайте не должно выпадать, там другое меню стоит
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 27.5.2013, 11:20; Ответить: Wins
Сообщение #9


Ок,позже еще раз посмотрю на локалке.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 30.5.2013, 7:18; Ответить: Wins
Сообщение #10


Что то пока не получилось сделать как надо.Выпадающее меню нашел.Но пока не разобрался что к чему.Вроде сделано правильно но работает не правильно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна програмка постинга в свои сайты
 0 kasey7 273 Вчера, 19:54
автор: kasey7
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
 15 Tia2 2369 17.4.2024, 0:54
автор: diviner99
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСостояние после ампутации - нужна помощь
благотворительный топик
 49 vitvirtual 5893 1.4.2024, 5:23
автор: vitvirtual
Открытая тема (нет новых ответов) Нужна ли плоская структура категорий в ИМ?
 1 noviktamw 1180 26.3.2024, 21:50
автор: c4p1t4l15t
Открытая тема (нет новых ответов) требуется помощь с themasoftware (Темапостером)
 0 Taylor 628 16.3.2024, 18:41
автор: Taylor


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 23.4.2024, 22:44

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet