Позиционирование

[Rambo2045]

Вот что сейчас имеется http://itmages.ru/image/view/240226/cad68f97 ,

Как выровнять текст по центру(по вертикали) внутри картинки background:url(3.png)?

#menu_itc {
 font-size: 16px;
 height:30px; 
 text-align:center;
 background-color: #949494; 
}
#menu_itc div {
 width:736px; 
 margin: auto;
}
#menu_itc a {
 display:block; 
 width:184px;
    height:30px;
    float:left;
 color: #fff;
 text-align:center; 
 text-decoration: none;
}
#menu_itc a:hover {
background:url(3.png);	
}

<div>
  <a href="#">Пункт меню 1</a>
  <a href="#">Пункт меню 2</a>
  <a href="#">Пункт меню 3</a>
  <a href="#">Пункт меню 4</a>
  </div>

Edited July 26, 2011 by Rambo2045

[Vlad]

Добавить padding-top или лучше установить line-height:30px для текста.

[Softlink]

Добавить padding-top или лучше установить line-height:30px для текста.

ну это если две строки не будет в пункте, никогда

[Vlad]

ну это если две строки не будет в пункте, никогда

Это да, момент скользкий. Тогда можно добавить white-space: nowrap, чтобы текст не переносился никогда.

[Softlink]

tab, tab, tab, tab, table-cell к вам спешат

tab, tab, tab, tab, table-cell лучше всех

Они всегда спешат туда где ждёт беда

Там где они всегда успех (по мотивам Чип и Дейл)

[psywalker]

Добавить padding-top или лучше установить line-height:30px для текста.

ну это если две строки не будет в пункте, никогда

Имхо, в задаче не будет двух-строчного меню. Видно по картинке.

[Softlink]

Добавить padding-top или лучше установить line-height:30px для текста.

ну это если две строки не будет в пункте, никогда

Имхо, в задаче не будет двух-строчного меню. Видно по картинке.

ну да, вполне вероятно, хотя ваше любимое "а если.." никуда не девается

p.s. C возвращением из отпуска тебя?

[psywalker]

Добавить padding-top или лучше установить line-height:30px для текста.

ну это если две строки не будет в пункте, никогда

Имхо, в задаче не будет двух-строчного меню. Видно по картинке.

ну да, вполне вероятно, хотя ваше любимое "а если.." никуда не девается

Согласен. Думаю, что самый лучший вариант - спросить у ТС, и тогда путь решения будет очевиден.

p.s. C возвращением из отпуска тебя?

Нее, нее, ни в коем случае! Возвращаться пока не планирую, хочется отдохнуть по полной, перед трудным рабочим годом Тут медленный инет, и бывает нечасто, но вот сейчас воспользовался моментом.

[JTaMeP]

Ребят помогите с проблемой!

Есть много многоуровневое горизонтальное меню вверху сайта под ним располагается div с position: relative; в нем рассполагается текст и еще один div с position: absolyte;

Так вот когда открывается меню , то меню находится под div с position: absolyte; как можно решить эту проблему?

[Softlink]

Ребят помогите с проблемой!

Есть много многоуровневое горизонтальное меню вверху сайта под ним располагается div с position: relative; в нем рассполагается текст и еще один div с position: absolyte;

Так вот когда открывается меню , то меню находится под div с position: absolyte; как можно решить эту проблему?

здесь принято для каждой проблемы создавать свою тему.

По вопросу: попробуйте с z-index поиграть. Есть ссылка на страницу?

[JTaMeP]

Ребят помогите с проблемой!Есть много многоуровневое горизонтальное меню вверху сайта под ним располагается div с position: relative; в нем рассполагается текст и еще один div с position: absolyte;Так вот когда открывается меню , то меню находится под div с position: absolyte; как можно решить эту проблему?

здесь принято для каждой проблемы создавать свою тему.По вопросу: попробуйте с z-index поиграть. Есть ссылка на страницу?

тут можно глянуть проблему

Edited July 31, 2011 by JTaMeP

[buddah]

Ребят помогите с проблемой!Есть много многоуровневое горизонтальное меню вверху сайта под ним располагается div с position: relative; в нем рассполагается текст и еще один div с position: absolyte;Так вот когда открывается меню , то меню находится под div с position: absolyte; как можно решить эту проблему?

здесь принято для каждой проблемы создавать свою тему.По вопросу: попробуйте с z-index поиграть. Есть ссылка на страницу?

тут можно глянуть проблему

Не задавать position: absolute блоку с названием новости. И вообще не добавлять absolute там, где это совсем не нужно.

Softlink, z-index не поможет, там предки разные.

[Softlink]

Softlink, z-index не поможет, там предки разные.

дык, я когда отвечал, еще не видел ни страницы ни кода)) Как первичный вариант предложил, исходя из похожих ситуаций.

[JTaMeP]

Не задавать position: absolute блоку с названием новости. И вообще не добавлять absolute там, где это совсем не нужно. Softlink, z-index не поможет, там предки разные.

А как можно по другому сделать подскажите?

код HTML:

<div class="news_rz">
	<div class="news_og"><h4>2011-07-31<a href="/">Электронные платежи</a></h4></div>
	<div class="news_dl"><a href="/">Читать далее...</a></div>
	Мы рады сообщить покупателям, что теперь в нашем магазине принимаются электронные платежи VISA, MasterCard, Яндекс.Деньги, WebMoney, QIWI.
</div>

код CSS:

.news_rz{
	padding:50px 10px 30px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:2px solid #000;
	position:relative;
	margin-bottom: 15px;
	}

.news_og{
	padding: 3px;
	border-radius: 10px 0 10px 0;
	-moz-border-radius: 10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
	border:2px solid #000;
	background: #CCC;
	position:absolute;
	left: -2px;
	top: -2px;
	}

.news_dl{
	padding: 5px 10px;
	border-radius: 10px 0 10px 0;
	-moz-border-radius: 10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
	border:2px solid #000;
	background: #CCC;
	position:absolute;
	right: -2px;
	bottom: -2px;
	}