Не могу разобраться с дивами

[Wrasera 0]

Добрый день!

Решил сделать диз для сайта, но столкнулся с проблемкой.

Пытаюсь сделать на дивах.Получается вот так.

sosmesh.com/skrin.jpg

Как сделать чтобы текст был посередине не подскажете?

А код блока такой:

<div class="links">тут код ссылок, которые на скрине</div>

Стили вот такие!

.links

{font-size: 11px; background: url(../images/fon.gif); height: 25px; font-family: tahoma; color: #ffffff; text-decoration: none; padding-left: 10px;}

.links a:active, .links a:visited, .links a:link

{color: #ffffff; text-decoration: none;}

.links a:hover

{color: #ffffff; text-decoration: underline;}

[EzS 2]

<div class="links">тут код ссылок, которые на скрине</div>

Styles:

#links { float: center; и твои параметры }

Можно сделать фиксированной ширины, например 800px

Изменено 6 января 2008 пользователем EzS

[Wrasera 0]

<div class="links">тут код ссылок, которые на скрине</div>

Styles:

#links { float: center; и твои параметры }

Чето не вышло у меня таким способом..

[lifestar 18]

float: center;

первый раз такое вижу)

Wrasera, во первых важно что за "код ссылок, которые на скрине" и какие у них стайлы.

а так вообще обычно так делают

.links{margin:0 auto}

и ширину тоже надо задать по идее)

Короче тестируем

[Wrasera 0]

во первых важно что за "код ссылок, которые на скрине" и какие у них стайлы.

<div class="links"><a href="http://www.сайт.com/">На главную</a></div> вот например такой код ссылки...,а стили в первом посте...

.links

{font-size: 11px; background: url(../images/fon.gif); height: 25px; font-family: tahoma; color: #ffffff; text-decoration: none; padding-left: 10px;}

.links a:active, .links a:visited, .links a:link

{color: #ffffff; text-decoration: none;}

.links a:hover

{color: #ffffff; text-decoration: underline;}

.links{margin:0 auto}

не сработало!!

[VFK 0]

По горизонтали

text-align:center

Если по вертикали, то лучше через отступ сверху (padding-top).

[Greeze 0]

Styles:

#links { float: center; и твои параметры }

пат стулом

if {хотим отцентрировать текст в блоке}

.bugaga {text-align:center;}

if {нам нужна центровка блока относительно краев страницы}

.muahahah {padding:auto; margin:auto;}

good luck

[Wrasera 0]

·• Greeze •· так тоже почему то не пашет!!

Если по вертикали, то лучше через отступ сверху (padding-top).

Так делал, но почему то получается так что отстут происходит от картинки, и картинка просто становится снизу больше, а текст на месте стоит!!

Изменено 6 января 2008 пользователем Wrasera

[lifestar 18]

так тоже почему то не пашет!!

не пашет - задай ширину для .links

[Wrasera 0]

не пашет - задай ширину для .links

Объясните пож-та!

[lifestar 18]

вот

http://www.yandex.ru/yandsearch?clid=22030...ext=css%20width

[Wrasera 0]

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

[Greeze 0]

по вертикали

vertical-align:middle;

или

line-height:Xpx;

X - высота вашего блока.

Изменено 7 января 2008 пользователем ·• Greeze •·

[Wrasera 0]

line-height:Xpx;

Получилось только этим способом. Огромное спасибо!!