Форум Сайтостроение Веб-строительство

Горизотальное меню - верстка. Нужна помощь

psics
На сайте с 02.04.2009
Offline
130
psics
257

http://jsfiddle.net/Ldcvm8pu/

вот код.

Что не получается:

- сделать чтобы при наведении на родительский список не было синей полоски внизу под ней (то есть было все белым)

- при наведении на родительский список и опускании на дочерний, чтобы был и в родительском списке ссылка имела стили как будто она наведена

- задать ширину 800пх что при этом когда я навожу на родительский список оно не оставалось в фиксированном положении как сейчас(тут я чувствую, что гдето наплужил с позиционированием).

Geers
На сайте с 12.04.2011
Offline
487
Geers
#1
psics:
http://jsfiddle.net/Ldcvm8pu/

вот код.

Что не получается:

- сделать чтобы при наведении на родительский список не было синей полоски внизу под ней (то есть было все белым)

Удалить 


			border-top: 3px solid #03699e;

			border-left: 3px solid #03699e;

			border-right: 3px solid #03699e;

Отсюда 

#menu li a:hover{

			text-decoration: none;

			background: #fff;

			border-top-left-radius: 13px;

			border-top-right-radius: 13px;

			border-top: 3px solid #03699e;

			border-left: 3px solid #03699e;

			border-right: 3px solid #03699e;

			color: #333;

		}

И здесь 

#menu li:hover ul {

			position: absolute;

			top: 75px;

			background: #fff;

			border: 2px solid #03699e;

			width: 1160px;

			border-bottom-left-radius: 13px;

			border-bottom-right-radius: 13px;

			overflow: hidden;

			

			

		}

Удалить 

			border: 2px solid #03699e;
psics
На сайте с 02.04.2009
Offline
130
psics
#2

ну вы предлагаете вообще удалить бордеры, а нужно их только часть...

вот так должно быть http://itmages.ru/image/view/1911205/387348e9

Первый вопрос тоже решен - при позиционировании нужно задать родителю z-index: положительный, ребенку - отрицательный.

Тема не актуальна решено все)

Последствия в случае атаки О ссылках Обсудим новый фильтр Яндекса?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий