опера и мозила не понимают мои CSS - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - опера и мозила не понимают мои CSS (http://forum.oszone.net/showthread.php?t=46032)

опера и мозила не понимают мои CSS

Как мне сделать чтоб опера и мозилы понимали-
A:link {color: orange; text-decoration: none; font-family: tahoma; font-size: 11px; font-weight: bold};
A:visited {color: orange; text-decoration: none; font-family: tahoma; font-size: 11px; font-weight: bold};
A:hover {color: gold; text-decoration: none; font-family: tahoma; font-size: 11px; font-weight: bold};
и классы типа
.a {visibility: hidden; position: absolute}ж

никак нисделать. ани и так их должны понимать. точнее не должны а понимают.
если в странице стили писать то
<style>
A:link {color: orange; text-decoration: none; font-family: tahoma; font-size: 11px; font-weight: bold};
A:visited {color: orange; text-decoration: none; font-family: tahoma; font-size: 11px; font-weight: bold};
A:hover {color: gold; text-decoration: none; font-family: tahoma; font-size: 11px; font-weight: bold};
</style>
</head>

а если файл css то ссылку
<LINK href="путь до css" type=text/css rel=stylesheet>

и все оно панимает

slaine
говоря что кто-то чего-то не понимает нужно обязательно указывать версию этого чего-то!!!

Вот это у меня не работает в опере 7.
<style>
.v {visibility: hidden; position: absolute};
</style>

<span class=v>hello</span>

Opera 7.54 все отлично понимает. Обратите внимание на атрибуты тега style. В моем случае все заработало только когда я добавил и затем убрал атрибут type="text/css". Что за колдунство высокого вуду было при этом совершено - не разумею. :)

Да всё идёт.
А это, гляньте. Нормально отображается в опере, у меня фокусничает.

Код:

 <html>

<title></title>

<head>

<style>

.a {display: none; position: relative; left: 10};

</style>



<script language = javascript>

var c = 0;

var c2 = 0;

var c3 = 0;

var c4 = 0;

var c5 = 0;

var c6 = 0;

function fx(){

c = c + 1;

if (c==1) document.getElementById("1").style.display="block";

if (c==2){

document.getElementById("1").style.display="none", c=0};

}

function fx2(){

c2 = c2 + 1;

if (c2==1) document.getElementById("2").style.display="block";

if (c2==2){

document.getElementById("2").style.display="none", c2=0};

}

function fx3(){

c3 = c3 + 1;

if (c3==1) document.getElementById("3").style.display="block";

if (c3==2){

document.getElementById("3").style.display="none", c3=0};

}

function fx4(){

c4 = c4 + 1;

if (c4==1) document.getElementById("4").style.display="block";

if (c4==2){

document.getElementById("4").style.display="none", c4=0};

}

function fx5(){

c5 = c5 + 1;

if (c5==1) document.getElementById("5").style.display="block";

if (c5==2){

document.getElementById("5").style.display="none", c5=0};

}

function fx6(){

c6 = c6 + 1;

if (c6==1) document.getElementById("6").style.display="block";

if (c6==2){

document.getElementById("6").style.display="none", c6=0};

}

</script>

</head>

<body>



<a href=# onMouseDown=fx()>HELLO</a><BR>

<span class="a" id="1"><LI><a href=#>FUCK</a><BR></span>



<a href=# onMouseDown=fx2()>HELLO</a><BR>

<span class="a" id="2"><LI><a href=#>FUCK</a><BR></span>



<a href=# onMouseDown=fx3()>HELLO</a><BR>

<span class="a" id="3"><LI><a href=#>FUCK</a><BR></span>



<a href=# onMouseDown=fx4()>HELLO</a><BR>

<span class="a" id="4"><LI><a href=#>FUCK</a><BR></span>



<a href=# onMouseDown=fx5()>HELLO</a><BR>

<span class="a" id="5"><LI><a href=#>FUCK</a><BR></span>



<a href=# onMouseDown=fx6()>HELLO</a><BR>

<span class="a" id="6"><LI><a href=#>FUCK</a><BR></span>

</body>

</html>

slaine
Советую что то типа вот этого документа, чтобы понять, что поддерживается, а что нет

или сразу вот это