Что-то у меня сегодня много вопросов появляется [img]images/smiles/icon_biggrin.gif[/img]

A:hover. Цвет шрифта один, цвет подчеркивания - другой.

Как это можно сделать? Точно знаю что можно, один раз по ошибке получилось, теперь не могу этот эффект воспроизвести. В Мозилле смог, в IE что-то не получается.

Конкретный пример кода в студию, пожалуйста. Там есть пересечения CSS'ов? Это лечится.

theUG!
мне и нужен это пример кода!! [img]images/smiles/icon_biggrin.gif[/img] [img]images/smiles/icon_biggrin.gif[/img] [img]images/smiles/icon_biggrin.gif[/img]

я хочу не вылечиться, я хочу найти такое пересечение CSS, где эта фича будет проявляться [img]images/smiles/icon_biggrin.gif[/img]

ЧИТАЙ ДОКУ

типо умно посоветовал?
я как бы сначала почитал, потом подумал, потом попробовал, а только потом спрашивать пошёл.

делай раз

B. - прописываешь для него цвет (например зеленый) - у мя почему то дефорум код глотает..

A {
Color : Blue;
Font-Family : Verdana;
Font-Size : 12px;
text-decoration : underline;
}
A:visited {
Color : Blue;
Font-Family : Verdana;
Font-Size : 12px;
text-decoration : underline;
}
A:hover {
Color : Blue;
Font-Family : Verdana;
Font-Size : 12px;
text-decoration : none;
}
A:active {
Color : Blue;
Font-Family : Verdana;
Font-Size : 12px;
text-decoration : none;
}


делай два

<a href=""><b>text</b></a>

[img]images/smiles/icon_wink.gif[/img]

[ 31 Октября 2002: Исправлено AndyGray ]

<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">quote:</font><HR>Автор Сообщения hokum:
<STRONG>Что-то у меня сегодня много вопросов появляется [img]images/smiles/icon_biggrin.gif[/img]

A:hover. Цвет шрифта один, цвет подчеркивания - другой.

Как это можно сделать? Точно знаю что можно, один раз по ошибке получилось, теперь не могу этот эффект воспроизвести. В Мозилле смог, в IE что-то не получается.</STRONG><HR></BLOCKQUOTE>

Очень просто.

A:link {
text-decoration: none;
border-bottom: 1px solid #00ff00;
color:#ffffff;}

A:visited {
text-decoration: none;
border-bottom: 1px solid #ffff00;
color:#ffff00;}

A:hover {
text-decoration: none;
border-bottom: 1px solid #ffff00;
color: #ffff00;}

---------------
Можно вот так, но работать будет только в ИЕ:

A:hover {
text-decoration: none;
color: #ffff00;}

<a href='jopa.htm'><font color='crap'>TEXT</font></a>
-------------------------
[img]images/smiles/icon_biggrin.gif[/img]

бордером это, конечно, маза, но маза плохая.
да и хрен бы с ним.
дизайнер, оказывается, ошибся, когда такой ховер рисовала.

интересно, AndyGray, Wartex, почему вы оба в примерах писали text-decoration: none на ховерах, когда в условии задачи было сказано, что именно в ховере должно быть другое подчеркивание? это типа риторический вопрос.

hokum

Вот нравятся мне такие люди как ты!

КАКАЯ В ЖОПУ РАЗНИЦА, КАК РЕАЛИЗОВЫВАТЬ - С БОРДЕРОМ, БЕЗ БОРДЕРА, ЕСЛИ РЕЗУЛЬТАТ ОДИН И ТОТ ЖЕ, и во всех браузерах работать будет. Я писал none чтобы дефолтовое подчеркивание не появлялось. Не знаю почему он писал...

W@anderer, когда определяешь классами только A и A:hover, безо всяких :links, :visited - этот эффект никогда не проявится.

Wartex, а теперь у меня выдалась свободная секунда и я могу объяснить тебе, почему твой пример - плохая маза. Бордер, блин, поставить можно на P, на DIV, но уж ни в коем случае он не поставится на SPAN, частным примером которого является A. Если делать так, как предлагаешь ты, бордерами, то надо ставить onclick откуда-нибудь с дива, при этом отрабатывая onmouseover и onmouseout.

hokum

Ну блин, ты особенный. Тебя акушер на кафель не ронял?

Вот ссылка http://www.2tgroup.com/drc/
там есть слово demos на странице, вот исходник
-------------------------------------------
get it from <a href='index.php?p=demos'>demos</a> page.
-------------------------------------------
Если там бордер у DIV или P, плюнь мне в рожу!

<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">quote:</font><HR>Автор Сообщения hokum:
<STRONG>
интересно, AndyGray, Wartex, почему вы оба в примерах писали text-decoration: none на ховерах, когда в условии задачи было сказано, что именно в ховере должно быть другое подчеркивание? это типа риторический вопрос.</STRONG><HR></BLOCKQUOTE>

Хм.. вопрос действительно реторический, так как на результат это абсолютно не влияет. [img]images/smiles/icon_smile.gif[/img] (в моем коде).
Правда он работает только в IE...

[ 01 Ноября 2002: Исправлено AndyGray ]

TO ALL
Кстати вопрос по похожей теме.
Если ссылка посещена, то в ИЕ hover уже не работает, т.е.
остаётся цвет visited, и при наведении нифига.….. [img]images/smiles/icon_sad.gif[/img]

2 hokum. Блин, ты покажи свой код, где у тебя не работает. Лично у меня, когда CSS пишу, с этим проблем обычно не возникает, и, более того, я с лёгкостью могу делать 2 и более различных наборов стилей для того, чтобы ссылки на разных частях страницы отображались по разному без проблем с совместимостью в последний браузерах.

[ 03 Ноября 2002: Исправлено theUg ]

4Wartex - на тебя я забил. твои примеры у меня (IE5) не работают.

4theUg - нет у меня кода пока.
ладно, вот примерно что должно получиться

<style>
A
A:hover
.green
</style>

<span class="green"><a href="#">link</a></span>

по умолчанию цвет ссылки зеленый
хочу чтобы из этого НА ХОВЕРЕ!!! цвет ссылки был зеленый, увет подчеркивания - синий.
это возможно. как?

Ууу как. Я-то думал у тебя проблема такая. [img]images/smiles/icon_smile.gif[/img] Часто видишь кривые CSS'ы у которых в Опере такой эффект по незнанию получается. [img]images/smiles/icon_smile.gif[/img] Сейчас я попробую чего-нибудь написать. Но, иначе как бордером я не вижу другого способа.

О, мне даже не надо ничего делать! Сейчас заглянул в код ссылки, представленной Wartex'ом, и проверив код (он оказался тем же, что он и раньше предлагал, но я не заметил [img]images/smiles/icon_smile.gif[/img]), вижу что всё прозрачно и хорошо работает<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">code:</font><HR><pre><style type='text/css'>
<!--
a:link {
text-decoration: none; border-bottom: 1px dotted #FFFF00; color:#FFFFFF }
a:visited {
text-decoration: none; border-bottom: 1px dotted #FFFF00; color:#FFFF00 }
a:hover {
text-decoration: none; border-bottom: 1px dotted #FFFF00; color: #FFFF00 }
-->
</style></pre><HR></BLOCKQUOTE>
(я чуть-чуть код отредактировал, приведя к своему стилю)

У меня этот код работает в Опере 6.04, IE 6, Нетшкафу 7 и, уверен, будет работать в Нетшкафу 6 и поздних Мозиллах и IE 5,5. Не вижу, почему это не может работать в пятом осле, тем не менее. С этим конкретным кодом есть одна фишка, на которую стоит обратить внимание -- стиль, определяемый как dotted border в Мозилле, Нетшкафу и Опере действительно выглядит как граница с точечками, в то время к в Осле, не понятно почему, представляется пунктиром. [img]images/smiles/icon_rolleyes.gif[/img]

Вердикт -- это единственный простой и логичный способ сделать то, что ты хочешь, что будет работать во всех последних браузерах. Не знаю, почему это не работает в пятом осле, по твоим словам.

И, кстати, странно, что это не работает в Нетшкафу 4.8. Да, хувера там не было и никогда не будет, но по крайней мере цвет текста можно было изменять, но, либо определение бордера всё портит, либо на той странице криво стили описаны. У меня в Нетшкафу 4.8 хоть хуверов нету, но цвета у всего разные как и положено. [img]images/smiles/icon_rolleyes.gif[/img] А! Йопт. Понятно. [img]images/smiles/icon_smile.gif[/img] Там же стиль прописан -- ссылка белая, хувер жёлтый, раз хувера нет, то и жёлтого не будет, а бордера дура не понимает. Тогда всё сходится. [img]images/smiles/icon_smile.gif[/img]

[ 04 Ноября 2002: Исправлено theUg ]

<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">quote:</font><HR>Автор Сообщения hokum:
<STRONG>4Wartex - на тебя я забил. твои примеры у меня (IE5) не работают.

4theUg - нет у меня кода пока.
ладно, вот примерно что должно получиться

<style>
A
A:hover
.green
</style>

<span class="green"><a href="#">link</a></span>

по умолчанию цвет ссылки зеленый
хочу чтобы из этого НА ХОВЕРЕ!!! цвет ссылки был зеленый, увет подчеркивания - синий.
это возможно. как?</STRONG><HR></BLOCKQUOTE>

млин, человече!!
зайди на mail.ru и посмотри их код
все просто [img]images/smiles/icon_smile.gif[/img]

AndyGray, где именно на mail.ru? Мой Ослик-5 и Мозилла там ничего похожего не нашли.

Вот, налабал такой код. Гляньте плз у кого IE6 - работает или нет. В Мозилле работает, в 5.0 - нет.
<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">code:</font><HR><pre>
<style>
A (color: blue [img]images/smiles/icon_wink.gif[/img]
A:hover (color: red [img]images/smiles/icon_wink.gif[/img]
.blu (color: blue; text-decoration: none [img]images/smiles/icon_wink.gif[/img]
</style>

<a href="#"><span class="blu">test</span></a>
скобки фигурные естессно
</pre><HR></BLOCKQUOTE>

Если работает в ИЕ6 - я успокоюсь

[ 04 Ноября 2002: Исправлено hokum ]

[ 04 Ноября 2002: Исправлено hokum ]

<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">quote:</font><HR>Автор Сообщения hokum:
<STRONG>AndyGray, где именно на mail.ru? Мой Ослик-5 и Мозилла там ничего похожего не нашли.
</STRONG><HR></BLOCKQUOTE>


верхние ссылки
Сделать стартовой и т.п.
Прекрасно работают в IE 5.5

2 AndyGray. Оверквотинг, это, типа, модно, да?

2 hokum. Тебе говорят, что тот код везде работает.

А твоего кода я не вижу -- форум глючит. Видишь как у меня записано? После фигурной скобки в каждом описании стиля нажми Enter, чтобы стока перенеслась.

Теперь вижу, только не понимаю, чем тебе предложенный вариант не нравится. Он куда изящнее и работает в последних браузерах без проблем. По крайней мере у меня. Или ты просто не знаешь как здавать solid бордер и пытаешься это скрыть? [img]images/smiles/icon_wink.gif[/img]

[ 04 Ноября 2002: Исправлено theUg ]

я всё знаю [img]images/smiles/icon_biggrin.gif[/img]
но мне в упор не нравится делать подчеркивание бордером. как-то некрасиво это...

а насчет "последних браузеров" - что ж, мне не нужны последние, мне нужны предпоследние. во всех ТЗ такая совместимость прописана.

ну-ну

<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">quote:</font><HR>Автор Сообщения hokum:
<STRONG>4Wartex - на тебя я забил. твои примеры у меня (IE5) не работают.
</STRONG><HR></BLOCKQUOTE>

Знаешь, я тебе помочь хотел. Но в виду что у тебя вместо головы х*й, и ты неблагодарный даун даже HTML не знаешь, я молчу про таблицы стилей, больше я отвечать на твои посты не буду. Писунок у тя еще масюсенький, чтоб со мной спорить. [img]laugh.gif[/img]

[offtopic] А вот и не подерётесь!

Теперь по теме, бо я читал-читал, а кое чего не понял.

hokum, дорогой! Ну ответили же не один раз и правильно ответили! Объясни бога ради, тебе не нравится бордером делать. Ты хочешь объехать спецификацию W3C и заодно возможности бравзеров? ЗАЧЕМ??? Буду очень признателен тебе за ответ!

Потому что подчеркивание бордеров не отрабатывается в IE 4 и 5.

Да пятый-то тут причём??? [img]images/smiles/icon_smile.gif[/img] Собсна, половина вопроса остаётся, ты пытаешься объехать возможности бравзеров? Ну тогда скриптом, скриптом... На то нам JS даден.

Пятый при том, что мне оно надо.
Потому что я в результате одного глюка эту фичу смог сделать. Давно смог, в пятом, без бордеров.
Теперь воспроизвести не могу.

Скриптом, скриптом... Если уж в пятом CSSом не получаеЦЦа... [img]images/smiles/icon_wink.gif[/img]