выравнивание в диве

[Leoben]

Проблема возникла при создании горизонтальной мигающей менюшки, вся проблема в том что у меня не получается выровнять по вертикали текст в диве, я уже почитал форум и попробовал все шо нашол... оно либо вопще не работает либо работает не так как хотелось бы...

Вот код може че посоветуете...

HTML

	
	<div id="mainmenu" align="center">
   	  <ul>
   		<li><a href="index.html">Меню 1</a></li>
		<li><a href="Projects.html">Меню 2</a></li>
		<li><a href="About.html">Меню 3</a></li>
		<li><a href="About.html">Меню 4</a></li>
		<li><a href="About.html">Меню 5</a></li>
   	  </ul>
	</div>

CSS

#mainmenu {
float:left;
margin: auto;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;

}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
height:51px;
display:table-cell;
vertical-align:middle;
}

#mainmenu li {
background:url(img/menu_f.jpg);
float:left;
height:51px;
width:176px;
list-style:none;
margin:0;
padding:0;
border-right:2px solid #3A4592;
}

#mainmenu a {
color:#C8E1F8;
display:block;
height:51px;
text-transform:none;
}

#mainmenu a:hover{
background:url(img/menu_a.jpg) top left repeat-x;
height:51px;
color:#633013;
text-decoration:none;
}
#mainmenu a.current{
background:url(img/menu_a.jpg) top left repeat-x;
height:51px;
color:#633013;
text-decoration:none;
}

Edited May 20, 2009 by Leoben

[Nekromancer]

оно либо вопще не работает

Вы угадали.

[Leoben]

и че совсем ниче нельзя сделать?

[Nekromancer]

Google > Вертикальное выравнивание div

[psywalker]

Leoben

Давай скриншот того, что хочешь получить,не замыкай

[Nekromancer]

Давай скриншот того, что хочешь получить,не замыкай

какая разница что он хочет получить? есть всего 2 способа выровнять див по вертикале.

1, абсолютное позиционирование.

2, table-cell для всех браузеров, expression для ИЕ.

Есть ещё вариант использовать для этой цели таблицы.

Edited May 20, 2009 by Nekromancer

[psywalker]

Погоди, ему вроде Текст надо выровнить, а не Див? А потом мне ща пока делать нехрена, пусть кинет скрин, может смогу помочь парняге

Leoben

#mainmenu a {
color:#C8E1F8;
display:block;  
height:51px; 
text-transform:none;
}

1) Ну наприме убери height:51px; у ссылок для начала

2) #mainmenu li вот тут падингами поиграй

3) давай скрин кароч

Edited May 20, 2009 by psywalker

[Leoben]

Давай скриншот того, что хочешь получить,не замыкай

http://floomby.ru/content/XfHJM7pC0e/

1, абсолютное позиционирование.

2, table-cell для всех браузеров, expression для ИЕ.

если тебе не в тягость... можеш код написать?

[Nekromancer]

эм.. если текст то просто верхний паддинг списку задайте, не поможет position: relative; top: количество пикселей;

сорь, код не читал, тогда токо на текст позырил.

[psywalker]

Leoben

если тебе не в тягость... можеш код написать?

Без базара, жди 20 минут

[Nekromancer]

http://css-html.org/17-vertical-align-in-divs/

первая ссылка по запросу.

http://xpoint.ru/know-how/CSS/VerticalAlign

вторая ссылка..

П.С. там их много

Без базара, жди 20 минут

не пиши, пусть почитает и сам поймёт.

[psywalker]

Leoben

Да, почитай инфу полезную, попробуй сам сначала покапайся, тогда знания остануться, а так код скопируешь и забудешь

p.s. - Если уж вообще будет запара, то обращайся, но всёже постарайся сам, там тебе ерунда осталась в принципи

[Leoben]

ок большое спасибо