Перейти к публикации
woloss

Помогите с меню

Рекомендованные сообщения

woloss

Помогите, верстал менюшку, не очень получилось? но всеравно

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

 

Вот кусок кода меню:

.navi ul {width:100%;}
.navi li{list-style-type:none; padding-top:5px; }
.navi a {padding-left:10px; display:block; height:26px; background:url('../images/navilinks_nonhover.png') no-repeat; line-height:26px; color:#202020; -webkit-transition:all 0.3s ease;}
.navi a:hover {background:url('../images/navilinksahref.png') no-repeat; background-position:0; text-decoration:none; padding-left: 20px; font-weight:bold; -webkit-transition:all 0.3s ease;}
.navi ul li a.closed {background:url('../images/navilinkssub_nonhover.png') no-repeat;  background-position:0; -webkit-transition:all 0.3s ease;}
.navi ul li a.closed:hover {background:url('../images/navilinkssub_hover.png') no-repeat; background-position:0; -webkit-transition:all 0.3s ease;}
.navi ul li a.opened {background:url('../images/navilinkssub_open.png') no-repeat; background-position:0; -webkit-transition:all 0.3s ease;}
.navi .submenu {width:200px; background:url('../images/navisub.png') repeat-y 0 100%; margin-left:4px; -webkit-transition:all 0s ease;}
.sbmbtm{background:url('../images/navisub.png') no-repeat -200px 100%;}
.navi .submenu ul {padding:2px 0 8px 3px;}
.navi .submenu li {list-style-type:none; padding-top:5px;}
.navi .submenu a {padding-left:10px; display:block; height:25px; background: url('../images/navisublink_nonhover.png') no-repeat; line-height:25px; color:#fff;}
.navi .submenu a:hover {color:#202020; background-position:0; background: url('../images/navisub_hover.png') no-repeat;}

post-230-0-74155800-1324740495_thumb.png

Изменено пользователем Andrey™
Изменеён заголовок темы

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
IFrame

Возможно padding-left:10px; нужно изменить например на padding-left:5px; ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
MoonFox

HTML код кинь, как мы поймем де ты какие класы создавал?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

1. Название темы не отражает суть проблемы.

2. Здесь не форум экстрасенсов.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
woloss

html код:

<div class="menu_nav">
	    <div class="menu_nav_top"><div>Категории меню</div></div>
		 <div class="menu_nav_med navi">
		  <ul class="reset">
		  <li><a href="/">Главная</a></li>
		  <li><a href="/forum">Форум</a></li>
		  <li><a href="/news/">Новости GTA5</a></li>
	  <li><a href="#" class="sublink">GTA5</a>
	    <div class="submenu"><div class="sbmbtm">
		  <ul>
		    <li><a href="/download/">- Скачать GTA5</a></li>
		    <li><a href="/gta5/">- Все для GTA5</a></li>
		    <li><a href="/modsgta5/">- Моды для GTA5</a></li>
		    <li><a href="/patchgta5/">- Патчи для GTA5</a></li>
		  </ul>
	    </div></div>
	  </li>
	  <li><a href="#" class="sublink">GTA4</a>
	    <div class="submenu"><div class="sbmbtm">
		  <ul>
		    <li><a href="/download/">- Скачать GTA4</a></li>
		    <li><a href="/gta4/">- Все для GTA4</a></li>
		    <li><a href="/modsgta4/">- Моды для GTA4</a></li>
		    <li><a href="/patchgta4/">- Патчи для GTA4</a></li>
		  </ul>
	    </div></div>
	  </li>
    </ul>
	    </div>
	    <div class="menu_nav_niz"></div>
	    </div>

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
WooFi

Если я не ошибаюсь, то твоё меню открывается с помощью скрипта. В самой менюшке нет признаков каких либо "спойлеров".

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
woloss

Если я не ошибаюсь, то твоё меню открывается с помощью скрипта. В самой менюшке нет признаков каких либо "спойлеров".

 

в оригинале именно все так стоит

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

Так с оригинала возьми.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...