inokentik 45 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 Кто-нибудь знает, как сделать одинаковый стиль навигации по сайту??? В стилях задаются padding отступы... Работает все красиво, когда навигация из простых чисел состоит 1-9, а вот когда появляется 10, то уже не ровный квадрат, а прямоугольник... Как сделать чтоб всегда одинаковый размер был например заданного размера?? Вот на картинках можно посмотреть как не красиво =( Вот циферка 10 уже все портит, так же, как и когда она активная... Хотелось бы сделать одинаковым везде =(( Цитата Ссылка на сообщение Поделиться на других сайтах
Captain 623 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 Так и должно быть, будет 100 или 1000 ещё больше растянется. Цитата Ссылка на сообщение Поделиться на других сайтах
Lomot 134 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 зачем отступы? можно сделать фиксированный размер и выровнять цифры по центру. Я бы сделал как то так a{display: inline-block; text-align: center; min-width: 50px;}[/CODE] 1 Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 Автор 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 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 Я не понял тебе надо выровнять квадратики по вертикали или цифры внутри них? И дал бы ты ссылку на сайт, видел его уже но адреса не помню. Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 (изменено) Автор Да надо циферки! Изменено 28 августа 2012 пользователем inokentik Цитата Ссылка на сообщение Поделиться на других сайтах
Lomot 134 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 ща Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 Автор Буду благодарен за помощь! Цитата Ссылка на сообщение Поделиться на других сайтах
Lomot 134 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 то что выше написал на это замени .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 Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 Автор А-а-а-а-а-а-а-аа, супер! Спасибо! Сам бы не допер до такого бы!!!! +1 в репу) Цитата Ссылка на сообщение Поделиться на других сайтах
Lomot 134 Опубликовано: 28 августа 2012 Рассказать Опубликовано: 28 августа 2012 На здоровье Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.