Создаю ссылку, задаю padding слева на 20пкс, и если ссылка длинная, то появляется вторая строка и уже без отступа.
Есть ли решение проблемы?
Вид для печати
Создаю ссылку, задаю padding слева на 20пкс, и если ссылка длинная, то появляется вторая строка и уже без отступа.
Есть ли решение проблемы?
[/quote]Цитата:
Originally posted by Defnur@Jan 2 2007, 06:21
Создаю ссылку, задаю padding слева на 20пкс, и если ссылка длинная, то появляется вторая строка и уже без отступа.
Есть ли решение проблемы?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Такая ситуация может возникнуть, если у вас какой-нибудь маркер присутствует. Решение в этом случае довольно простое – задайте отрицательный text-indent для Вашей ссылки и выровняйте первую строку так, как Вам надо. [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by Defnur@Jan 2 2007, 04:21
Создаю ссылку, задаю padding слева на 20пкс, и если ссылка длинная, то появляется вторая строка и уже без отступа.
Есть ли решение проблемы?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
это в принципе не должно проявляться, ситуация больше похожа на использование :first-line или text-indent. а display: block; не пробовали ссылке выставлять?
Zigzag, благодарю, помог display: block;
Но ситуация была без использования :first-line или text-indent. Просто у ссылки задан фон в виде иконки слева, и чтобы ссылка не вылазила на эту иконку, необходим был padding слева.
[attachment=5110:attachment]
ааа. я не совсем правильно понял, но рад, что совет помог [Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...] Самое интересное, как в такой конструкции вообще что-то могло куда-либо "вылазить", если display: block; не стоял изначально?... [Only registered and activated users can see links. Click Here To Register...]
А что непонятно? Без блока вторая строка не имеет отступ и немного налазит на фон (иконку).Цитата:
Originally posted by Aykroyd
[b]Самое интересное, как в такой конструкции вообще что-то могло куда-либо "вылазить", если display: block; не стоял изначально?...
[/quote]Цитата:
Originally posted by Defnur@Jan 2 2007, 22:01
А что непонятно? Без блока вторая строка не имеет отступ и немного налазит на фон (иконку).
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
У Вас ссылки списком заданы?
[/quote]Цитата:
Originally posted by Aykroyd@Jan 3 2007, 00:14
У Вас ссылки списком заданы?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
нет, просто ссылки <a href="">
[/quote]Цитата:
Originally posted by Defnur@Jan 2 2007, 22:18
нет, просто ссылки <a href="">
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Тогда всё понятно. Просто в большинстве случаев display: block; в таких решениях как-то сам собой подразумевается. Проблема обычно заключается в другом – если маркер идет не фоном, а отдельно вставляемым изображением, которое тоже включено в ссылку вместе с текстом. В этом случае из-за этого <img> и требуется отрицательный text-indent, обычно равный ширине этого <img>.
А в общем и целом такое решение позволяет активировать ссылку при клике не только на ее тексте непосредственно, но также и на <img>, и вообще на ее "блочном" фоне, который в свою очередь может меняться по :hover.
в подобных конструкциях действительно используйте списки, это избавит от лишней головной боли и будет семантически верным
хм... я не вижу никакой головной боли
приведенный мной пример позволяет не меньше, + иконка меняется при наведении курсора на ссылку (блочный фон или саму иконку). Ссылки легко разделены линией-картинкой (см. скрин выше). По-моему всё просто и кода меньше, чем со списками.Цитата:
А в общем и целом такое решение позволяет активировать ссылку при клике не только на ее тексте непосредственно, но также и на <img>, и вообще на ее "блочном" фоне, который в свою очередь может меняться по :hover.
Но если я ошибаюсь, то докажите обратное - буду только рад улучшению своих навыков.
[/quote]Цитата:
Originally posted by Defnur@Jan 2 2007, 23:38
Но если я ошибаюсь, то докажите обратное - буду только рад улучшению своих навыков.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Zigzag просто предложил Вам семантически верное решение построения меню. Не более того.
Возможно, Вам будет интересно прочитать [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by Defnur@Jan 2 2007, 21:38
хм... я не вижу никакой головной боли
приведенный мной пример позволяет не меньше, + иконка меняется при наведении курсора на ссылку (блочный фон или саму иконку). Ссылки легко разделены линией-картинкой (см. скрин выше). По-моему всё просто и кода меньше, чем со списками.
Но если я ошибаюсь, то докажите обратное - буду только рад улучшению своих навыков.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
то, что является списком и должно оформляться, как список. когда научитесь их (списки) правильно использовать, поймете, что это очень мощный инструмент форматирования данных.
для начала ссылку вам дали хорошую чуть выше.