Навигация по сайту

[inokentik 45]

Кто-нибудь знает, как сделать одинаковый стиль навигации по сайту??? В стилях задаются padding отступы... Работает все красиво, когда навигация из простых чисел состоит 1-9, а вот когда появляется 10, то уже не ровный квадрат, а прямоугольник... Как сделать чтоб всегда одинаковый размер был например заданного размера?? Вот на картинках можно посмотреть как не красиво =(

Вот циферка 10 уже все портит, так же, как и когда она активная... Хотелось бы сделать одинаковым везде =((

[Captain 619]

Так и должно быть, будет 100 или 1000 ещё больше растянется.

[Lomot 134]

зачем отступы? можно сделать фиксированный размер и выровнять цифры по центру.

Я бы сделал как то так

a{display: inline-block; text-align: center; min-width: 50px;}[/CODE]

[inokentik 45]

Lomot, сейчас попробую по твоему способу!

Lomot, с шириной разобрался и высотой, спасибо!!! А не подскажешь как теперь выравнивание текста сделать по вертикали по центру? Уже десяток вариантов перепробывал и никак.... Вот какой код у меня:

navigation.tpl

<tr>

<td><div class="navigation">{pages}</div></td>

</tr>

а вот какой стиль

.navigation a:visited, .navigation a:link, .navigation a:active {

background:#1180DC;

display: inline-block;

text-align: center;

vertical-align: middle;

min-width: 37px;

min-height: 37px;

line-height: 37px;

font:normal lighter 1.2em Tahoma, serif; color: #FFFFFF; text-decoration: none;

}

.test {vertical-align: middle;}

.navigation a:hover {

background:#FFFFFF;

color:#1180DC;

}

.navigation span {

background:#1180DC;

display: inline-block;

text-align: center;

vertical-align: middle;

min-width: 65px;

min-height: 65px;

line-height: 65px;

font:normal lighter 1.2em Tahoma, serif; color: #FFFFFF; text-decoration: none;

}

Но ничего не получается отравнять по вертикали(((

[Lomot 134]

Я не понял тебе надо выровнять квадратики по вертикали или цифры внутри них? И дал бы ты ссылку на сайт, видел его уже но адреса не помню.

[inokentik 45]

Да надо циферки!

Изменено 28 августа 2012 пользователем inokentik

[Lomot 134]

ща

[inokentik 45]

Буду благодарен за помощь!

[Lomot 134]

то что выше написал на это замени

.navigation a, .navigation span{

background:#1180DC;

display: inline-block;

text-align: center;

vertical-align: middle;

min-width: 37px;

min-height: 37px;

font: normal lighter 1.2em/37px Tahoma, serif; color: #fff; text-decoration: none;

}

.navigation a:hover {

background:#fff;

color:#1180DC;

}

.navigation span {

min-width: 65px;

min-height: 65px;

line-height: 65px;

}

[inokentik 45]

А-а-а-а-а-а-а-аа, супер! Спасибо! Сам бы не допер до такого бы!!!! +1 в репу)

[Lomot 134]

На здоровье