Перейти к публикации

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


Рекомендованные сообщения

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

806ff6e92543.jpg

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

2ce38e8ca3a7.jpg

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

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;

}

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

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

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

Изменено пользователем inokentik
Ссылка на сообщение
Поделиться на других сайтах

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


.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;

}

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...