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

[fowl]

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

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

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

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

[buddah]

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

[Int]

Плюс первый пункт меню едва влез в оранжевый фон в FF в Linux

[psywalker]

  On 6/1/2011 at 5:55 PM, fowl said:

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

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

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

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

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

[fowl]

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

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

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

- не могу поменять цвет текста в меню на другой (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;
}

[psywalker]

Настрой padding у ссылок.

[Softlink]

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

вот здесь:

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

[fowl]

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

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

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

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

[psywalker]

  On 6/2/2011 at 1:32 PM, fowl said:

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

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

[fowl]

  On 6/2/2011 at 1:44 PM, psywalker said:

  On 6/2/2011 at 1:32 PM, fowl said:

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

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

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

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

[psywalker]

  On 6/2/2011 at 1:49 PM, fowl said:

  On 6/2/2011 at 1:44 PM, psywalker said:

  On 6/2/2011 at 1:32 PM, fowl said:

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

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

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

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

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

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

[Arcturus]

  On 6/2/2011 at 1:49 PM, fowl said:

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

Вот так:

#navcontainer a {
        color:#fff;
        }