Оцените мини вёрстку

[DivMan]

Оцените http://allnet.16mb.com/nav/

 

Макет http://i66.fastpic.ru/big/2014/1014/6d/8610daafa7058242dd8367ca5671e66d.jpg

 

У меня ещё 1 важный вопрос: я скрыл элемент с классом .submenu, прописав ему свойство display;block (48 строка )и почему, когда навожу на options, то этот скрытый блок не появляется?

.submenu{	border:3px solid;	border-radius:10px;	width: 260px;	margin: 8px 0 0 230px;	background: rgba(0,0,0,0.6);	margin-top: -5px;	position: relative;	display: none; } p:hover .submenu{	display: block; }

Edited October 14, 2014 by DivMan

[Q4Dizzy]

p:hover + .submenu {    display: block;}

и то. Распологать блок надо внутри того элемента, на который наводимся, иначе при уводе курсора с нужного элемента скроется и сам блок.

p:hover .submenu{ display: block; }

 

 

Вы тут пишите, что при наведении на абзац его потомок с классом submenu должен появится. Но по структуре этот блок находится на том же уровне, что и сам абзац. Поэтому и не работает.

Edited October 14, 2014 by Q4Dizzy

[npofopr]

Выкладываете на оценку то, что не работает. Гениально)

[Q4Dizzy]

А можно поинтересоваться?    зачем абзацу указывать

nav p {    display: block;}

если он и так является блочным элементом?))

[npofopr]

зачем абзацу указывать

зачем вообще делать абзац, когда тут кнопка.

Абзац на то и абзац, не стал бы я воротить из него что попало.

[Q4Dizzy]

зачем вообще делать абзац, когда тут кнопка.

 

Это был мой второй вопрос) но ждал ответа на первый. 

[SelenIT]

С рамкой выпадушки (которая не работает:) не всё ОК. На закруглениях углов ее толщина пляшет, а на стрелочке она вообще потерялась(

[DivMan]

С рамкой выпадушки (которая не работает:) не всё ОК. На закруглениях углов ее толщина пляшет, а на стрелочке она вообще потерялась(

я такое первый раз верстаю 

[Get to heaven]

ээ а где меню?)

[DivMan]

ээ а где меню?)

Надо убрать display:none