Выпадающее меню навигации! (главное корзина фход итд)

[dominion1986 1]

Добрый день! Прошу помочь мне =)

Есть меню навигации ... ну то что после шапки - главное корзина вход выход итд.

Вот один из пунктов это "мы в соц сетях". Так как группа сайта в нескольких соц сетях то этот пункт меню должен предлогать выбор куда пойти =)

Сначало думал сделать просто переход на информационную страницу по ссылке с кнопке а в ней уже ссылки сделать на разные страницы итд несложно . Моя идея была отвергнута и поставили задачу сделать выпадающими эти пункты при наведении мышкой....

вот как бы кусочег кода котороый сам посебе отдельно работает как надо =) Но при попытке встроить его в шаблон получаеться ну скажем неочень а если честно то совсем нето =))) Подскажите как правильно встроить и что поменять =) Я не так давно занимаюсь вопросами вёрстки и прочего ....

сообственно :

[i]<style type="text/css">[/i]

[i].mivss ul {[/i]

[i]/* убираем отступы */[/i]

[i]	padding: 0;[/i]

[i]	margin: 0;[/i]


[i]/* убираем точки */[/i]

[i]	list-style: none;[/i]


[i]/* задаем ширину */[/i]

[i]	width: 150px;[/i]


[i]/* присвоим относительное позиционирование*/[/i]

[i]	position:relative;[/i]

[i]}[/i]


[i]/* зададим стиль для элементов списка */[/i]

[i]/* Чтобы меню корректно отображалось в IE */[/i]

[i].mivss li {[/i]

[i]	float: left;[/i]

[i]}[/i]

[i]/* зададим стиль для анкора в списке */[/i]

[i].mivss li a, .mivss li a:visited {[/i]

[i]/* обязательно блочное отображение */[/i]

[i]	display: block;[/i]

[i]/* ширина строки на 1 пиксель меньше */[/i]

[i]	width: 149px;[/i]

[i]/* зададим высоту строки */[/i]

[i]	height:25px;[/i]

[i]	line-height:25px;[/i]

[i]/* сделаем отступ в 5 пикселей */[/i]

[i]	text-indent:5px;[/i]

[i]/* сделаем рамку в 1 пиксель */[/i]

[i]	border: 1px solid #ffffff;[/i]

[i]/* уберем одну горизонтальную рамку, чтобы не удваивались */[/i]

[i]	border-width:0 1px 1px 1px;[/i]


[i]/* цвета фона и текста */[/i]

[i]   /* color: #fff;[/i]

[i]background: url(http://drugie-ludi.ru//templates/drugie-ludi%20v0.7b/img/motion/blacktrans3.png); */[/i]


[i]}[/i]

[i]/* меняем цвета при наведении */[/i]

[i].mivss li a:hover {[/i]

[i]	color: #a8ef9d;[/i]

[i]	background: url(http://drugie-ludi.ru//templates/drugie-ludi%20v0.7b/img/motion/blacktrans3.png);[/i]

[i]}[/i]

[i]/* скрываем вложенные пункты меню */[/i]

[i].mivss li ul {[/i]

[i]	visibility: hidden;[/i]

[i]	position: absolute;[/i]

[i]	left: 149px;[/i]

[i]	top: 0px;[/i]

[i]}[/i]


[i]/* отображаем вложенное меню при наведении мыши */[/i]

[i].mivss li:hover {[/i]

[i]	position: relative;[/i]

[i]/* Всплывающее подменю под пунктом основным */[/i]

[i]}[/i]

[i].mivss li:hover > ul {[/i]

[i]	visibility: visible;[/i]

[i]position: relative;[/i]

[i]	bottom: 15px;[/i]

[i]left: 0.1px;[/i]

[i]}[/i]

[i]</style>[/i]

[i]<div class="mivss">[/i]

[i]<ul>[/i]

[i]  <li><a>Мы в соц сетях</a>[/i]

[i]   <ul>[/i]

[i]        <li><a href="http://*********" target="_blank">Ссылка1</a></li>[/i]

[i] 		<li><a href="http://********* " target="_blank">Ссылка2</a></li>[/i]

[i]	</ul>[/i]

[i]  </li>[/i]

[i]</ul>[/i]

[i]</div>[/i]

[/CODE]

Спасибо!

[support 447]

Наверное неправильно вставляете в шаблон.

Ну и в коде надо убрать все эти и прочее

[dominion1986 1]

угу скорее всего =( потому что если вставлять в шаблон первым пунктом ноно ка бы вроде ничего так получаеться , похожим на правду ... в любое другое место получаеться пооолная ахинея.. буду разбираться =( кстати все эти добавились у вас на форуме ... хз как так сам удивился ...