Jump to content
  • 0

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


mistertalk
 Share

Question

Подскажите пожалуйста как сделать так когда нажимаешь на меню ( Ремонт квартир ) когда выезжает остальное меню, чтобы оно не закрывало слово ремонт квартир как на скриншоте показано, а выползало под словом ремонт квартир?

Тему wordpress Stoxi можно скачать здесь http://files.mail.ru/LJF1SZ

Скриншот можно скачать здесь http://files.mail.ru/JCXVRG

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

...а выползало под словом ремонт квартир?

Т.е., чтобы заголовок Ремонт квартир было видно из под меню? Я правильно понял?

И отображение на скриншоте рознится с отображением у меня в Хроме.

Link to comment
Share on other sites

  • 0

...а выползало под словом ремонт квартир?

Т.е., чтобы заголовок Ремонт квартир было видно из под меню? Я правильно понял?

И отображение на скриншоте рознится с отображением у меня в Хроме.

да, правильно поняли

Link to comment
Share on other sites

  • 0

...а выползало под словом ремонт квартир?

Т.е., чтобы заголовок Ремонт квартир было видно из под меню? Я правильно понял?

И отображение на скриншоте рознится с отображением у меня в Хроме.

да, правильно поняли

Ну тогда никак. С такой структурой никак. А вообще это делается позиционированием и z-index'ом.

Link to comment
Share on other sites

  • 0

...а выползало под словом ремонт квартир?

Т.е., чтобы заголовок Ремонт квартир было видно из под меню? Я правильно понял?

И отображение на скриншоте рознится с отображением у меня в Хроме.

да, правильно поняли

Ну тогда никак. С такой структурой никак. А вообще это делается позиционированием и z-index'ом.

А чем структура плоха ??

Вы думаете что нельзя опустить в меню комплексный ремонт квартир, евроремонт, косметический ремонт чтобы было видно ремонт квартир ??

Вот посмотрите само меню может здесь что-то найдете

—————————

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish
* Dropdowns by Patrick Griffiths and Dan Webb.
* http://carroll.org.uk/sandbox/suckerfish/bones2.html
*/

/* —-[ LINKS ]—-*/

/* all menu links */
#nav a, #subMenusContainer a {
text-decoration:none;
display:block;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a {
margin:0;
float:left;
background: none;
padding:11px 15px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}

/* All menu links on hover or focus */
#nav li a:hover,
#nav li a:focus,
#nav a.mainMenuParentBtnFocused{
background: url(../images/nav-backgr-hover.png) center bottom no-repeat;
color:#fff;
}


/* Just sub menu links */
#subMenusContainer a, #nav li li a {
color: #fff;
font-size: 12px;
text-align:left;
background-color:#9e3b48;
padding:6px 24px;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused {
background-color: #37C615;
color:#fff;
}
/* Parent Sub Menu Links —[javascript users only]*/
.subMenuParentBtn {
background: url(../img/arrow_right.gif) right center no-repeat;
}
/* Parent Sub Menu Links on hover or focus —[javascript users only]*/
.subMenuParentBtnFocused {
background: url(../img/arrow_right_over.gif) right center no-repeat;
}
/* Parent Main Menu Links —[javascript users only]*/
.mainMenuParentBtn {
/*background: url(../img/arrow_down.gif) right center no-repeat;*/
}
/* Parent Main Menu Links on hover or focus —[javascript users only]*/
.mainMenuParentBtnFocused {
/*background: url(../img/arrow_down_over.gif) right center no-repeat;*/
}
/* —-[ OLs ULs, LIs, and DIVs ]—-*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW {
display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
/*border around submenu goes here*/
background: none;
left:0;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
#nav li {
/*great place to use a background image as a divider*/
background-image:url(../img/mainnav-sep.gif);
background-repeat:no-repeat;
background-position: 100% 50px;
cursor: pointer;
float: left;
margin: 0 2px 0 0;
padding: 0 2px 0 0;
height: 40px;
display: inline;
}
#subMenusContainer li {
list-style: none;
}
/* main menu ul or ol elment */
#nav {
width: 950px;
margin: 0 auto;
clear: both;
overflow: hidden;
font-size: 12px;
display: block;
}
#nav .children{
display: none;
}
#subMenusContainer {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:1000000000;
}

——————————————

Link to comment
Share on other sites

  • 0

1. обрамляйте код в спец. теги.

2. я не говорил, что структура плохая, но для вашей задачи не подойдет. У вас можно меню спрятать под весь блок с контентом, а отдельно под заголовок не получится. Почитайте про то, как работает z-index

Link to comment
Share on other sites

  • 0

1. обрамляйте код в спец. теги.

2. я не говорил, что структура плохая, но для вашей задачи не подойдет. У вас можно меню спрятать под весь блок с контентом, а отдельно под заголовок не получится. Почитайте про то, как работает z-index

а как спрятать под весь блок с контентом?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy