[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Классы. CSS.
SunSet
Вот чтото не могу сообразить с одной мелочью:

a.all:link {
text-decoration:none;
color: #5c5c5c;
}
a.all:hover {
text-decoration: underline;
color:#000000;
}
a.all:visited {
color:#000000;
}
a.all:active {
text-decoration: none;
color:#000000;
}

В ИЕ и в Опере посещенные ссылки подчеркиваются. Как сделать чтоб в любом варианте, когда был переход по ссылке или не было, но при наведении курсора на ссылку она подчеркивалась, а если убрать - то без подчеркивания. Вот как тут например: http://meta.ua/ blink.gif



Спустя 9 минут, 53 секунды (21.09.2009 - 21:14) Guest написал(а):
<a href="" class="all"></a>
visited decoration none
где проблема?

Спустя 17 секунд (21.09.2009 - 21:14) glock18 написал(а):
Цитата
a.all:hover {
text-decoration: underline !important;
color:#000000;
}


такая штука
Цитата
a.all:active


не будет работать в ie6

Спустя 4 минуты, 35 секунд (21.09.2009 - 21:18) SunSet написал(а):
Guest
Так тоже перепробовал.

glock18
С important работает. Все гуд. А для ИЕ6 как сделать? И для каждого класа теперь импортант дописывать? blink.gif

Спустя 13 минут, 39 секунд (21.09.2009 - 21:32) glock18 написал(а):
Цитата
А для ИЕ6 как сделать? И для каждого класа теперь импортант дописывать?


нет, в ie6 нельзя прописывать стили для псевдо-классов элементов с классом... каламбур
в общем

HTML
a.all:active


так ie6 не поймет

HTML
span.all a:active


так ie6 поймет

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

а вообще все подчеркивания и без, должны работать и без important нормально.

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

и еще:
Цитата
a.all:link {
text-decoration:none;
color: #5c5c5c;
}


лучше указать так же для простой ссылки без псевдо-класса

Цитата
span.all a,
span.all al:link {
text-decoration:none;
color: #5c5c5c;
}


Спустя 6 минут, 53 секунды (21.09.2009 - 21:39) SunSet написал(а):
Как геморно с такой мелочью) Как понял, прийдется либо в спан заключать ссылки и ему присваивать стиль, либо импортант везде тыкать.

Спасиб за справку rolleyes.gif

Спустя 1 день, 21 час, 30 минут, 48 секунд (23.09.2009 - 19:10) it_Hamster написал(а):
у меня вопрос а зачем ты используешь class вместо того что бы по id блока ссылки переделать. они расположены ведь наверное в каком-то блоке конкретном. если да то тебе подойдёт:

#menu a:link {
text-decoration:none;
color: #5c5c5c;
}
#menu a:hover {
text-decoration: underline;
color:#000000;
}
#menu a:visited {
color:#000000;
}
#menu a:active {
text-decoration: none;
color:#000000;
}

Спустя 15 минут, 35 секунд (23.09.2009 - 19:25) SunSet написал(а):
it_Hamster
Да я с неправильного подхода к этому делу когдато начал учиться, и всегда желание прописать какойто ссылке класс преодолевает проделывать это же самое но ко всему блоку. Хотя бывают ситуации, когда в одном блоке две ссылки, которые нужно по-разному оформить.

Спустя 32 минуты (23.09.2009 - 19:57) glock18 написал(а):
Цитата
#menu a:link {
text-decoration:none;
color: #5c5c5c;
}


в использовании id есть какой-то скрытый смысл?

Спустя 3 часа, 43 минуты, 24 секунды (23.09.2009 - 23:41) Nikitian написал(а):
Цитата (glock18 @ 23.09.2009 - 16:57)
в использовании id есть какой-то скрытый смысл?

Ну блок меню видимо должен быть один единственный.

Спустя 28 минут, 5 секунд (24.09.2009 - 00:09) it_Hamster написал(а):
Цитата (glock18 @ 23.09.2009 - 16:57)
Цитата
#menu a:link {
text-decoration:none;
color: #5c5c5c;
}


в использовании id есть какой-то скрытый смысл?

смысл был в том что бы не присваивать каждой ссылке класс а просто все ссылки если это меню запихать в блок а потом черед ID оформить

Спустя 31 минута, 12 секунд (24.09.2009 - 00:40) SunSet написал(а):
Еще вопрос появился.. пусть 10 ссылок находятся в одном блоке, для этого блока применяются определенные стили (в отдельном файле). Как тогда прописать одной из этих 10-ти ссылок чтото другое? Только не в style='' тега <a>, а чтоб в том же классе для блока(в отдельном файле). blink.gif

Спустя 25 минут, 13 секунд (24.09.2009 - 01:05) Nikitian написал(а):
Цитата (SunSet @ 23.09.2009 - 21:40)
Еще вопрос появился.. пусть 10 ссылок находятся в одном блоке, для этого блока применяются определенные стили (в отдельном файле). Как тогда прописать одной из этих 10-ти ссылок чтото другое? Только не в style='' тега <a>, а чтоб в том же классе для блока(в отдельном файле). blink.gif

Например оформляем избранную ссылку в тот же span:
HTML
<div id="menu><span><a href="">ссылко</a></span></div>

а в стилях пишем:
Код

#menu a{/*общий для блока стиль ссылок*/}
#menu span a{/*стиль для избранной ссылки*/}

Спустя 2 часа, 48 минут, 6 секунд (24.09.2009 - 03:53) SunSet написал(а):
Nikitian
А если нужно 5 ссылок по-разному сделать, для всех искать разный тег чтоли? span,div,font ...

Спустя 11 часов, 51 минута, 49 секунд (24.09.2009 - 15:45) Sylex написал(а):
SunSet
класс вводить новый wink.gif

Спустя 16 дней, 4 часа, 2 минуты, 54 секунды (10.10.2009 - 19:48) SunSet написал(а):
Опять поднимаю вопрос, так как снова не могу подобрать работоспособный вариант.
Вобщем, в DIVе есть ссылки. Как прописать им чтобы отображались как тут http://meta.ua/. То есть одинакового цвета в любом случаее, при наведении подчеркивание.
А то пробую, у меня какойто глюк что под ссылкой то появляется подчеркивание, то его нету. blink.gif

Спустя 23 минуты, 20 секунд (10.10.2009 - 20:11) Fillzest написал(а):
Поставь в тегах для сыллок одинаковые цвета

<body link="?">
<body vlink="?">
<body alink="?">

Спустя 6 минут, 47 секунд (10.10.2009 - 20:18) SunSet написал(а):
Та это не то.. мне класс нужен, к диву прописать свойства ссылок.

Спустя 5 минут, 40 секунд (10.10.2009 - 20:24) Fillzest написал(а):
class=proj_bul с тагоже сайта не пробавал

Спустя 46 секунд (10.10.2009 - 20:25) SunSet написал(а):
Fillzest
Думаешь я на столько туповат что это не пробовал? mad.gif

Спустя 3 минуты, 17 секунд (10.10.2009 - 20:28) Fillzest написал(а):
Нет конечно ,но там же работает и такого не писали,прчём тут чейта Iq,

Спустя 2 часа, 32 минуты, 19 секунд (10.10.2009 - 23:00) SunSet написал(а):
Ладно. Намек молчанием понял, иду искать в гугл user posted image


_____________
... и помните! Каким бы ни был PHP, главное - чтобы он был защищенным! :) (PHP с Анфисой Чеховой)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.