|
|
|
| Ситуация следующая - есть CSS, HTML и 2 броузера: IE6 и Opera 9.20
В IE текст ссылки выглядит именно так, как и задумано.
В Opera - задействованы только не изменения, которые относятся непосредственно к содержащему div-у, но не к a
CSS:
.splash .designed {
position:absolute;
left:370px; bottom:0;
text-align:right;
font-family:"Monotype Corsiva", Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
.designed a, .designed a:visited, .designed a:over {
color:#A4A8A9;
text-decoration:none;
}
|
HTML:
<div class="designed">
<a href="#" target="_blank">Designed by</a>
</div>
|
Ранее я задавал вопрос о a:visited - http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=42226&page=1
Я и сейчас попробовал переставить местами определения - типа a.designed - но тогда и IE перестает воспринимать. Да и на самом деле - я же не <a class="designed"> определяю, а тэг, вложенный в div designed - поэтому мне кажется, что все же первоначальный порядок правильнее.
Но вот почему Opera в принципе не реагирует на него?? | |
|
|
|
|
|
|
|
для: LouD
(07.09.2007 в 09:13)
| | >попробовал переставить местами определения - типа a.designed
И что это будет? Не понимаю, вы вообще не присваиваете якорю никакого класса (а возможно в таблице стилей у вас где-то прописан стиль для "чистого" якоря), и что-то пытаетесь указать ему через CSS. Что вам мешает (чем не нравится) прописать "по человечески"?:
a.mainAnchor, a.mainAnchor:visited, a.mainAnchor:hover {
color:#A4A8A9;
text-decoration:none;
}
<div class="designed">
<a class="mainAnchor" href="#" target="_blank">Designed by</a>
</div>
|
Что вы пуляете его в DIV, без класса, и обращаетесь к псевдо классу через сласс DIV?
Во-первых пишется не over, а hover. Во-вторых, если вы хотите изменения при наведении мыши, то a.mainAnchor:hover должно иметь собственный стиль. | |
|
|
|
|
|
|
|
для: sim5
(07.09.2007 в 09:34)
| | а для чего присваивать отдельный анчор? я просто меняю стили у всех <a>, которые находятся в указанном диве..
Мой HTML-код простой - к примеру:
<div class="designed">
<a href="#">1</a>
....
<a href="#">2</a>
</div>
|
И вот все эти ссылки 1 и 2 должны иметь такой вид, как указано для ссылок, входящих в div .designed
P.S. В IE менее строгий подход, там все работало и без :link (см.следующий совет), а вот Opera заупрямилась..
P.P.S. А насчет hover - при переносе примера потерялась буква, уж сорри у строгих критиков :) | |
|
|
|
|
|
|
|
для: LouD
(07.09.2007 в 09:13)
| |
.designed a:link, .designed a:visited, .designed a:hover {
color:#A4A8A9;
text-decoration:none;
}
|
| |
|
|
|
|
|
|
|
для: CNT
(07.09.2007 в 10:36)
| | h потерялось при копировании, безусловно hover :)
А вот совет подвесить не просто a, а именно a:link - помог. Теперь и в IE и в Opera все гуд. Спасибо! | |
|
|
|