Jump to content
  • 0

Как сделать такое меню


fowl
 Share

Question

Подскажите, как сделать меню, как тут в верху страницы http://www.vashgarazh.com/ventilyaciya-garazha#mahanich

Что мне нужно:

- Текст разбит на 2 строки (не знаю как это сделать, знаю что есть свойство word-wrap: break-word; но оно некорректно может работать?)

- между пунктами меню есть растояние

Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

На этом сайте у блоков меню фиксированные размеры и текст просто переносится на следующую строку потому что не влезает + выравнивание по горизонтали text-align:center.

Link to comment
Share on other sites

  • 0

Подскажите, как сделать меню, как тут в верху страницы http://www.vashgarazh.com/ventilyaciya-garazha#mahanich

Что мне нужно:

- Текст разбит на 2 строки (не знаю как это сделать, знаю что есть свойство word-wrap: break-word; но оно некорректно может работать?)

- между пунктами меню есть растояние

А что смущает? Где тут сложности?

Link to comment
Share on other sites

  • 0

просто новичок я в этом, вот и сложно ;)

вот страница, где я пытаюсь это сделать.

Сделал как показано ниже, но что-то не выходит:

- не могу поменять цвет текста в меню на другой (color:#000000; - не срабатывает)

- не могу отцентрировать по вертикали текст


#navcontainer {
height: 44px;
display: block;
overflow: hidden;
margin-bottom: 10px;
background: #625E5B;
vertical-align:middle;
}

#navcontainer .current-cat a {
background: url(images/nav-hover.png) left top repeat-x;
color:#fff;
}

#navcontainer li{
width: 90px;
padding:0px 5px 0px 5px;
text-align: center;
color:#000000;
text-align: center;
vertical-align:middle;
}

Link to comment
Share on other sites

  • 0

и цвет вы не можете поменять, потому как у вас для ссылок стоит белый. Меняйте его в самом классе для ссылок.

вот здесь:

#navcontainer .current-cat a {
background: url(images/nav-hover.png) left top repeat-x;
color:#fff;
}

Link to comment
Share on other sites

  • 0

#navcontainer .current-cat a - тут цвет я могу поменять, но это цвет текущего пункта меню.

Я никак не могу понять как изменить цвет просто пунктов меню?

Если в navcontainer прописать color:#625e5b; то всеравно текст белый...ничего не пойму!

А где padding настроить и зачем?

Link to comment
Share on other sites

  • 0

А где padding настроить и зачем?

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

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

А не знаете как же все-таки цвет изменить, может я вообще не в тех блоках ковыряю?

Link to comment
Share on other sites

  • 0

А где padding настроить и зачем?

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

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

А не знаете как же все-таки цвет изменить, может я вообще не в тех блоках ковыряю?

1. Тогда тебе нужно вертикальное выравнивание делать, например меню на дисплей-тейбле, а для ИЕ экспрешаны, или таблицей меню

2. Меняй у ссылок.

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