Почему FireFox подчеркивает гиперссылки?

Apologet · 07.03.2009, 07:37

Приветствую! Почему в любом случае Firefox подчеркивает гиперссылки? Даже если стоит text-decoration: none
Ну, например:

Привет от <a target="_blank" href="http://mysite.com/">
<span style="text-decoration: none">APologeT</span></a>

В IE ссылка отображается нормально без подчеркивания, в FF подчеркнуто... Я понимаю, что вопрос, наверняка, детский... Но все же...

Отшельник · 07.03.2009, 11:37

А если попробовать выделить в отдельный стиль в хед
<style>
a:visited, a:hover, a:active, a:link {text-decoration: none}
</style>
Ещё лучше в отдельный файл, чтобы все страницы могли его использовать.

Добавлено через 54 секунды

ИМХО Вы стиль применяете неправильно.

web_smile · 07.03.2009, 12:24

В средине тега <head></head>
пишем

Код:

<style  type="text/css">
.my_link:link {text-decoration:none;} 
.my_link:visited {text-decoration:none;}
.my_link:hover {text-decoration:none;}
</style>

А потом в теге вашей ссылки пишем так:

Код:

<a href="http://mysite.com/" target="_blank" class="my_link">APologeT</a>

и ваша ссылка вообще не будет подчеркиватся
З.Ы. Если что то link-не активная ссылка, visited-посещенная ссылка, hover-ссылка при наведении
Если делать так как написал я то можно ко всем ссылкам в отдельности применять, а если так как отшельник то автоматом ко всем ссылкам на странице

BinaryShadow · 07.03.2009, 17:22

А на мой взгляд, тут ошибка применения стиля. Вставь следующий текст в HTML и сам всё поймёшь.

Код HTML:

Привет от <a href="http://mysite.com/">
<span style="text-decoration: none">APologeT</span></a>
<br>
Привет от <a href="http://mysite.com/" style="text-decoration: none">
<span >APologeT</span></a>

Apologet · 07.03.2009, 18:09

Цитата:

Сообщение от Отшельник

А если попробовать выделить в отдельный стиль в хед
<style>
a:visited, a:hover, a:active, a:link {text-decoration: none}
</style>
Ещё лучше в отдельный файл, чтобы все страницы могли его использовать.

Добавлено через 54 секунды

ИМХО Вы стиль применяете неправильно.

А какая разница? Внедренный стиль по идее имеет больший приоритет...

BinaryShadow · 07.03.2009, 18:22

Apologet, разница огромная, у каждого объекта есть свои свойства. Если Вы задаёте свойство объекту "1", то оно будет им обладать (если оно есть у него). А вы задаёте свойство объекту "2", у которого нет такого свойства и ждёте что оно появится у объекта "1".
Так понятнее? =)

web_smile · 07.03.2009, 18:30

А зачем внедрять стиль? Если можно написать CSS и применять его к тому что вам конкретно нужно. Или если хотите чтоб все ссылки на странице были однотипные то пишите так как написал отшельник и этот клас применяется ко всем ссылкам, а так вам каждый раз в ссылке прийдется прописывать style и код будет больше, будет странице чуть медленее загружатся, да и читать его будет менее удобно, проще задавать клас class="my_link"

BinaryShadow · 07.03.2009, 18:59

web_smile, согласен на все сто.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Позиционирование в Firefox	Vladislav1988	HTML, CSS, JavaScript	21	12.07.2010 15:52
Как прописать гиперссылки в Adobe flash	alexalex	Технологии Flash	20	19.12.2009 22:04
AddOn для Firefox	Sapper	Софтодром	1	20.05.2009 13:35
Фон в firefox и в ИЕ7	candy_man	HTML, CSS, JavaScript	6	26.08.2008 21:06
Гиперссылки в словаре...	Дио	HTML, CSS, JavaScript	7	16.03.2007 16:20

07.03.2009, 07:37	#1
Apologet	Приветствую! Почему в любом случае Firefox подчеркивает гиперссылки? Даже если стоит text-decoration: none Ну, например: Привет от <a target="_blank" href="http://mysite.com/"> <span style="text-decoration: none">APologeT</span></a> В IE ссылка отображается нормально без подчеркивания, в FF подчеркнуто... Я понимаю, что вопрос, наверняка, детский... Но все же...

07.03.2009, 11:37	#2
Отшельник	А если попробовать выделить в отдельный стиль в хед <style> a:visited, a:hover, a:active, a:link {text-decoration: none} </style> Ещё лучше в отдельный файл, чтобы все страницы могли его использовать. Добавлено через 54 секунды ИМХО Вы стиль применяете неправильно. Последний раз редактировалось Отшельник; 07.03.2009 в 11:37.. Причина: Добавлено сообщение

07.03.2009, 12:24	#3
web_smile	В средине тега <head></head> пишем Код: <style type="text/css"> .my_link:link {text-decoration:none;} .my_link:visited {text-decoration:none;} .my_link:hover {text-decoration:none;} </style> А потом в теге вашей ссылки пишем так: Код: <a href="http://mysite.com/" target="_blank" class="my_link">APologeT</a> и ваша ссылка вообще не будет подчеркиватся З.Ы. Если что то link-не активная ссылка, visited-посещенная ссылка, hover-ссылка при наведении Если делать так как написал я то можно ко всем ссылкам в отдельности применять, а если так как отшельник то автоматом ко всем ссылкам на странице

07.03.2009, 18:22	#6
BinaryShadow	Apologet, разница огромная, у каждого объекта есть свои свойства. Если Вы задаёте свойство объекту "1", то оно будет им обладать (если оно есть у него). А вы задаёте свойство объекту "2", у которого нет такого свойства и ждёте что оно появится у объекта "1". Так понятнее? =)

07.03.2009, 18:30	#7
web_smile	А зачем внедрять стиль? Если можно написать CSS и применять его к тому что вам конкретно нужно. Или если хотите чтоб все ссылки на странице были однотипные то пишите так как написал отшельник и этот клас применяется ко всем ссылкам, а так вам каждый раз в ссылке прийдется прописывать style и код будет больше, будет странице чуть медленее загружатся, да и читать его будет менее удобно, проще задавать клас class="my_link"

07.03.2009, 18:59	#8
BinaryShadow	web_smile, согласен на все сто.