Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Убрать обрамление ссылок <a>

Автор: vintyara 6.5.2008, 16:17

Как сделать сабж, желательно CSSом.

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

Мне такой эффект нужно убрать.

Автор: NDenis 6.5.2008, 19:53

помоему свойством outline:none; для ссылки

Автор: eee 6.5.2008, 23:07

а можно ли мне удовлетворить свою интерисуемость)) а где это обрамление может мешать?

зы: ничего такого, просто его почти никто не замечает, вот и интересно в каком дизайне это обрамление может играть такую роль

Автор: skyboy 6.5.2008, 23:27

Цитата(NDenis @ 6.5.2008, 18:53

)

свойством outline:none; для ссылки

подтверждено опытом smile

Автор: Demonis 7.5.2008, 07:47

А у меня почему то это свойство не работает ни в Мозилле, ни в ИЕ.
Может какой-то определенный доктайп надо использовать?..

Автор: student80 7.5.2008, 09:59

такое обрамление нужно.
представьте, что вы работаете без мыши. по ссылкам перемещаетесь кнопкой Tab
как вы узнаете, какая ссылка отмечена?
без обрамления никак.
если вам обрамление не нужно, но найдутся посетители, которым вы значительно упростите навигацию не убирая обрамление.

Автор: vintyara 7.5.2008, 12:58

Это видеть надо smile

Конкретно сейчас - оно портит вид "закладок" - при кликанье она обрамляется такой рамкой - жутко некрасиво.

Автор: NDenis 7.5.2008, 20:07

Цитата(Demonis @ 7.5.2008, 07:47

)

как делаете, покажите.

Автор: vintyara 8.5.2008, 11:30

Должно все работать. мне outline:none; помог

Автор: Demonis 8.5.2008, 22:31

NDenis, ну вот так например:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>Untitled</title>
<style type="text/css">
<!--
div a {
padding: 10px;
font-size: 11px;
font-family: "Tahoma";
outline: none;
float: left;
}
-->
</style>

</head>
<body>
<div><a href="#">Link</a></div>
</body>
</html>

Автор: SelenIT 8.5.2008, 23:54

Demonis, пропишите это на a:focus

Автор: Demonis 9.5.2008, 11:53

SelenIT, тоже самое - не работает.

Автор: POLTER 11.5.2008, 21:30

http://www.w3schools.com/Css/css_outline.asp -- Вроде написано, что в IE не поддерживается.
Я обычно использую

Код


text-decoration: none

Автор: egrik 12.5.2008, 00:48

Для нормальных браузеров работает определение:

Код


:focus {
    outline: 0;
}

убирает обрамление для всех элементов (к примеру, может встречаться на картах, если там есть ссылка)

Для ie можно дополнительно вешать js код:

Код


<a href="#" onfocus="this.blur();">link</a>

Автор: NDenis 12.5.2008, 14:50

Demonis, использовать

Код


:focus  { outline: none; }

или

Код


:active { outline: none; }

у меня при написании

Код


a {outline: none;}

IE6 вешался
лучше использовать для псевдоклассов

POLTER, поддерживать, то поддерживает.. только бывает с глюками.

Автор: Demonis 12.5.2008, 18:31

NDenis, не, не помогает.

Цитата(egrik @ 12.5.2008, 00:48

)

Пасиб, с этим работает.