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

vintyara

Дата 6.5.2008, 16:17 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 491
Регистрация: 24.3.2005
Где: Ode$$a

Репутация: 1
Всего: 2

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

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

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

--------------------

Мой блог !
Общение "про это" ;)

NDenis

Дата 6.5.2008, 19:53 (ссылка)

(голосов:1)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

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

eee

Дата 6.5.2008, 23:07 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 66
Регистрация: 14.4.2008
Где: ХарьковCity

Репутация: нет
Всего: 1

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

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

skyboy

Дата 6.5.2008, 23:27 (ссылка)

(нет голосов)

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260

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

)

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

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

Demonis

Дата 7.5.2008, 07:47 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 12.2.2008
Где: Санкт-Петербург

Репутация: 1
Всего: 1

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

student80

Дата 7.5.2008, 09:59 (ссылка)

(нет голосов)

Загрузка ...

Абучю рускаму язаку

Профиль
Группа: Awaiting Authorisation
Сообщений: 504
Регистрация: 18.4.2006

Репутация: нет
Всего: 7

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

vintyara

Дата 7.5.2008, 12:58 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 491
Регистрация: 24.3.2005
Где: Ode$$a

Репутация: 1
Всего: 2

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

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

--------------------

Мой блог !
Общение "про это" ;)

NDenis

Дата 7.5.2008, 20:07 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

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

)

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

vintyara

Дата 8.5.2008, 11:30 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 491
Регистрация: 24.3.2005
Где: Ode$$a

Репутация: 1
Всего: 2

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

--------------------

Мой блог !
Общение "про это" ;)

Demonis

Дата 8.5.2008, 22:31 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 12.2.2008
Где: Санкт-Петербург

Репутация: 1
Всего: 1

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 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

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

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Demonis

Дата 9.5.2008, 11:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 12.2.2008
Где: Санкт-Петербург

Репутация: 1
Всего: 1

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

POLTER

Дата 11.5.2008, 21:30 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 123
Регистрация: 25.8.2006
Где: Ростов-на-Дону

Репутация: нет
Всего: 2

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

Код


text-decoration: none

--------------------

Существует 10 типов людей: те, которые понимают твоичный код и те, которые его не понимают.

egrik

Дата 12.5.2008, 00:48 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 62
Регистрация: 10.11.2006
Где: Voronezh

Репутация: нет
Всего: 1

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

Код


:focus {
    outline: 0;
}

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

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

Код


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

NDenis

Дата 12.5.2008, 14:50 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

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

Код


:focus  { outline: none; }

или

Код


:active { outline: none; }

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

Код


a {outline: none;}

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

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

Это сообщение отредактировал(а) NDenis - 12.5.2008, 14:51

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »