Align:center

[cavkie]

Есть две строчки текста, которые нужно упорядочить по центру. На второй строчке еще есть маленький рисунок ( счетчик), так из-за этого рисунка вторая строчка распологается не по центру а сдвигается вправо на ширину рисунка.

Saint-Petersburg, Kouvola

target=_blank>

alt="" width=88 height=15 border=0 align="left"> 2007

.niz {

clear: both;

width: 100%;

text-align: center;

font-size: 16px;

background-image: url(gif/niz.gif);

}

Если я правильно понимаю, то получается что вторая строчка центрируется не относительной все ширины, а (вся ширина - ширина рисунка)

Как это убрать?

Заранее спасибо... Сорри если вопрос тупой..

[strix]

Все правильно - ведь центрируется все содержимое блока.

Объясните, что именно вам надо.

[cavkie]

Нужно чтобы нижняя строчка "2007" центрировалась по всей ширине, так же как и верхняя, а она центрируется по (ширина - ширина рисунка)

[Evgeny]

Тогда рисунок нужно позиционировать отдельно не в блоке, а над ним

[yopopt]

Как вариант:

<span style="margin-left:-88px"> 2007 </span>

[Evgeny]

тогда 2007 наедет на картинку

[yopopt]

Ага, но тока для этого надо сжимать окошко до нереальных размеров.

[cavkie]

yopopt, спасибо помогло.. )

[strix]

Нужно чтобы нижняя строчка "2007" центрировалась по всей ширине, так же как и верхняя, а она центрируется по (ширина - ширина рисунка)

а счетчик где должен быть? рядом, тоже по центру?

так поместите два плавающих блока, где-то так:

<div class="niz">	 
	 <div style="width:88px;">картинка со счетчиком</div>
	 <div>Ваш текст
2007</div>
</div>

.niz {
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 16px;
	background-image: url(gif/niz.gif);
}
.niz div{
	 float:left;
}

[cavkie]

рано я обрадовался..

2007 - не подействовало в опере 9.20 , а в эксплорере нормально..

[cavkie]

В общем всем спасибо за советы...

[yopopt]

рано я обрадовался..

2007 - не подействовало в опере 9.20 , а в эксплорере нормально..

Не может такого быть.

<style type="text/css">

.niz {
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 16px;
	background-image: url(gif/niz.gif);
}
</style>

<div class="niz"> Saint-Petersburg, Kouvola 

	<a href="http://www.liveinternet.ru/click" target=_blank><img src="http://counter.yadro.ru/logo?26.17" alt="" width=88 height=15 border=0 align="left"> </a>
	<span style="margin-left:-88px"> 2007 </span>
</div>