Создаю ссылку, задаю padding слева на 20пкс, и если ссылка длинная, то появляется вторая строка и уже без отступа.
Есть ли решение проблемы?
Создаю ссылку, задаю padding слева на 20пкс, и если ссылка длинная, то появляется вторая строка и уже без отступа.
Есть ли решение проблемы?
[/quote]
Такая ситуация может возникнуть, если у вас какой-нибудь маркер присутствует. Решение в этом случае довольно простое – задайте отрицательный text-indent для Вашей ссылки и выровняйте первую строку так, как Вам надо.
[/quote]
это в принципе не должно проявляться, ситуация больше похожа на использование :first-line или text-indent. а display: block; не пробовали ссылке выставлять?
Zigzag, благодарю, помог display: block;
Но ситуация была без использования :first-line или text-indent. Просто у ссылки задан фон в виде иконки слева, и чтобы ссылка не вылазила на эту иконку, необходим был padding слева.
[attachment=5110:attachment]
ааа. я не совсем правильно понял, но рад, что совет помог
Самое интересное, как в такой конструкции вообще что-то могло куда-либо "вылазить", если display: block; не стоял изначально?...
А что непонятно? Без блока вторая строка не имеет отступ и немного налазит на фон (иконку).Originally posted by Aykroyd
[b]Самое интересное, как в такой конструкции вообще что-то могло куда-либо "вылазить", если display: block; не стоял изначально?...
[/quote]
Тогда всё понятно. Просто в большинстве случаев display: block; в таких решениях как-то сам собой подразумевается. Проблема обычно заключается в другом – если маркер идет не фоном, а отдельно вставляемым изображением, которое тоже включено в ссылку вместе с текстом. В этом случае из-за этого <img> и требуется отрицательный text-indent, обычно равный ширине этого <img>.
А в общем и целом такое решение позволяет активировать ссылку при клике не только на ее тексте непосредственно, но также и на <img>, и вообще на ее "блочном" фоне, который в свою очередь может меняться по :hover.
в подобных конструкциях действительно используйте списки, это избавит от лишней головной боли и будет семантически верным
хм... я не вижу никакой головной боли
приведенный мной пример позволяет не меньше, + иконка меняется при наведении курсора на ссылку (блочный фон или саму иконку). Ссылки легко разделены линией-картинкой (см. скрин выше). По-моему всё просто и кода меньше, чем со списками.А в общем и целом такое решение позволяет активировать ссылку при клике не только на ее тексте непосредственно, но также и на <img>, и вообще на ее "блочном" фоне, который в свою очередь может меняться по :hover.
Но если я ошибаюсь, то докажите обратное - буду только рад улучшению своих навыков.
[/quote]Originally posted by Defnur@Jan 2 2007, 21:38
хм... я не вижу никакой головной боли
приведенный мной пример позволяет не меньше, + иконка меняется при наведении курсора на ссылку (блочный фон или саму иконку). Ссылки легко разделены линией-картинкой (см. скрин выше). По-моему всё просто и кода меньше, чем со списками.
Но если я ошибаюсь, то докажите обратное - буду только рад улучшению своих навыков.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
то, что является списком и должно оформляться, как список. когда научитесь их (списки) правильно использовать, поймете, что это очень мощный инструмент форматирования данных.
для начала ссылку вам дали хорошую чуть выше.