четверг, 7 апреля 2011 г.

Подчеркиваем ссылку "без подчеркивания"

Маленькая фишка  и не самая важная, но когда я захотел ее реализовать, то проковырялся достаточно долго, пока нашел простое решение.
Суть в следующем. Как известно, параметры ссылок (подчеркивать - не подчеркивать и т.д.) настраиваются в SiteEdit  сразу для всего сайта. Бывает, по решению дизайнера ссылки не подчеркнуты изначально, и вы это прописываете в настройках редактора дизайна.

Но иногда какую-то конкретную ссылку вам необходимо подчеркнуть (пример - ссылка на закачку прайс-листа).

Обычными средствами этого уже не сделать.
Поступаем так. Открываем текст в редакторе.


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

Переходим на вкладку HTML и дописываем внутри(!) тега <a href .....> вокруг анкора (текста, являющегося ссылкой) тэг подчеркивания <u> ....... </u> как указано на рисунке ниже


Сохраняем, получаем нужный нам вид конкретной ссылки.


Успехов! Как всегда, жду вопросов, хотя вроде и так все понятно.

PS. Те же правила применимы и к другим атрибутам текста ссылки, в частности, цвету и размеру.

7 комментариев:

  1. Антон,спасибо! То,что надо,а то уже мозги набекрень.

    ОтветитьУдалить
  2. Народ, кому информация показалась полезной, кликните кнопку "Мне нравится". Не для похвалы, просто я хочу знать статистику и иметь обратную связь, чтобы понимать, нужно ли кому-то то, что я делаю.

    ОтветитьУдалить
  3. Антон, скажите, а такое решение - применимо только к SiteEdit?

    ОтветитьУдалить
  4. Нет конечно, так как речь идет о работе в html, это правило, по-видимому, универсальное.

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

    ОтветитьУдалить
  6. А как сделать подчеркивание точками?

    ОтветитьУдалить