Автор |
Сообщение |
h1t^^ |
Добавлено: Пт Июн 06, 2014 19:20
|
|
|
* Админ AIM + HS *
Информация
На форуме с: 14.10.2012
Возраст: 26
Сообщения: 1734
Откуда: Vologda,Russia
|
Вот я написал HTML and CSS code. Мне нужно, чтобы оно ещё выпадало сверху. Тоесть, если довести мышь чуть выше шапки должно вылезти МЕНЮ, а после наведения курсора на МЕНЮ1. Должно сразу вылезти подменю. На вылез, сверху у меня не хватает знаний CSS
Код: <ul>
<li><a href="#">Меню 1</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
<li><a href="#">Подменю 3</a></li>
</ul>
</li>
<li><a href="#">Меню 2</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
<li><a href="#">Подменю 3</a></li>
</ul>
</li>
<li><a href="#">Меню 3</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
<li><a href="#">Подменю 3</a></li>
</ul>
</li>
<li><a href="#">Меню 4</a></li>
<li><a href="#">Меню 5</a></li>
</ul>
Код: #nav {
font:13px verdana, arial, helvetica, sans-serif;
list-style-type:none;
width:100%;
height:25px;
display:inline-block;
background:#A39E92;
line-height:25px;
}
#nav li{
float:left;
width:120px;
margin-top:-10000px;
}
#nav li a {
width:120px;
text-decoration:none;
text-align:center;
color:#3A3732;
position:relative;
float:left;
margin-right:-119px;
margin-top:10000px;
}
#nav li a:hover, #nav li a:focus, #nav li a:active {
background:#797466;
margin-right:0;
color:#fff;
}
#nav li ul {
background:#A39E92;
float:left;
margin-top:-25px;
padding-top:25px;
margin-bottom:-10000px;
list-style-type:none;
}
#nav li ul li {
float:none;
margin:0;
width:auto;
}
#nav li ul li a {
float:none;
display:block;
margin:0;
margin-right:-1px;
background:#BFBCB5;
} |
|
|
Вернуться к началу
|
|
Lost Ghost |
Добавлено: Пт Июн 06, 2014 20:20
|
|
|
* Админ GunGame *
Информация
На форуме с: 04.01.2013
Возраст: 124
Сообщения: 1523
|
Не на том форуме ищешь ответа ))
В гугле полно примеров выпадающих меню, на любой вкус |
Музыка онлайн |
|
Вернуться к началу
|
|
KABANOFF [PWR] |
Добавлено: Сб Июн 07, 2014 2:21
|
|
|
* Админ AIM + HS *
Информация
На форуме с: 27.02.2014
Возраст: 32
Сообщения: 2349
Откуда: Латвиджа
|
|
Вернуться к началу
|
|
_________________gNus |
Добавлено: Сб Июн 07, 2014 9:44
|
|
|
* Спонсор *
Информация
На форуме с: 14.11.2011
Возраст: 40
Сообщения: 2503
Откуда: Выборг
|
|
Шах и мат. |
|
Вернуться к началу
|
|
h1t^^ |
Добавлено: Пн Июн 09, 2014 17:43
|
|
|
* Админ AIM + HS *
Информация
На форуме с: 14.10.2012
Возраст: 26
Сообщения: 1734
Откуда: Vologda,Russia
|
Я весь гугл перерыл, с 1-100 страницу, даже в кавычках. По всем типам искаемого вопроса. И я был в шоке нечего, когда нечего не нашёл и обратился сюда |
|
|
Вернуться к началу
|
|
bibika |
Добавлено: Пн Июн 09, 2014 18:06
|
|
|
* Главный главнюк *
Информация
На форуме с: 25.10.2009
Возраст: 37
Сообщения: 7834
Откуда: Питер
|
Первая ссылка в гугле , как ты искал я хз.
Тык Тык
Цитата: Вот я написал HTML and CSS code. Кстати, сразу видно что писал не ты, а как обычно скопипастил, я о CSS файле. |
|
|
Вернуться к началу
|
|
h1t^^ |
Добавлено: Пн Июн 09, 2014 18:17
|
|
|
* Админ AIM + HS *
Информация
На форуме с: 14.10.2012
Возраст: 26
Сообщения: 1734
Откуда: Vologda,Russia
|
Вася я итак сделал,что меню выпадает. А мне надо чтобы оно ещё выезжало с верха страницы или с бока при наведении курсором. На иконку с меню например- добавлено спустя 3 минуты:
Цитата: Вот я написал HTML and CSS code.Кстати, сразу видно что писал не ты, а как обычно скопипастил, я о CSS файле. Если я решил написать сайт с блокнота и CSS в блокноте, тогда зачем мне нужен этот копипаст? |
|
|
Вернуться к началу
|
|
bibika |
Добавлено: Пн Июн 09, 2014 18:30
|
|
|
* Главный главнюк *
Информация
На форуме с: 25.10.2009
Возраст: 37
Сообщения: 7834
Откуда: Питер
|
ок писатель, для чего ты написал
Цитата: margin-top:-10000px;
???
А по теме я так и не понял чего ты хочешь - добавлено спустя 8 минут: Для выезжающего меню придётся использовать либо jquery, либо js скрипты, только на css наврятли напишешь. |
|
|
Вернуться к началу
|
|
Lost Ghost |
Добавлено: Пн Июн 09, 2014 19:19
|
|
|
* Админ GunGame *
Информация
На форуме с: 04.01.2013
Возраст: 124
Сообщения: 1523
|
Самый простой пример на CSS 3 http://jsfiddle.net/QwVL3/1/
Но свойство transition-duration слабо поддерживается браузерами и для большей совместимости нужно дополнительно прописывать аналогичные вендорные свойства. А для 100%-й совместимости нужно юзать жиквери, как Вася и сказал. Примеров выезжающих блоков на jquery тоже полно в гугле. |
Музыка онлайн |
|
Вернуться к началу
|
|
h1t^^ |
Добавлено: Пн Июн 09, 2014 20:30
|
|
|
* Админ AIM + HS *
Информация
На форуме с: 14.10.2012
Возраст: 26
Сообщения: 1734
Откуда: Vologda,Russia
|
Решил с помощью htmlbook u cssdeck. Попробовать через CSS собрать, а если не получится привлечём Javascript |
|
|
Вернуться к началу
|
|
_________________gNus |
Добавлено: Ср Июн 11, 2014 19:38
|
|
|
* Спонсор *
Информация
На форуме с: 14.11.2011
Возраст: 40
Сообщения: 2503
Откуда: Выборг
|
Цитата: Решил с помощью htmlbook u cssdeck. Попробовать через CSS собрать, а если не получится привлечём Javascript
Саня давай думай и делай.Я скора тебя с твоим земляком познакомлю. |
Шах и мат. |
|
Вернуться к началу
|
|
|