A czy potrafi ktoś mi pomóc
menu:
<DIV class="czarny" ID="MENU1" onmouseover="this.className='nieczarny';PokazujT('MENU1A');"onmouseout="this.className='czarny';MENU1A.className='UkryjT';"> <p style="margin-top: 0; margin-bottom: 0"> <font face="Courier New" color="#00C100">ARTYKUŁY:
</font>
<div ID="MENU1A" class="UkryjT" onMouseover="PokazujT('MENU1A');"onMouseout="this.className='UkryjT';"> <a href="arts/art1.htm"><b>Plan lekcji 1b
</b></a><br> <a href="arts/art2.htm"><b>Kurs Apache
</b></a><br>
style.css:
Kod
.PokazT{
font: "Courier New";
position: absolute;
visibility: visible;
padding: 5;
background: #8F8F8F;
border: 1px solid Black;
z-index: 100;
}
.UkryjT{
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
}
.czarny{
font: bold;
background: Black;
color : #FFFFFF;
cursor: url(gfx/ut2.cur);
width: 10%;
}
.nieczarny{
font: bold;
background-color: #16017C;
cursor: url(gfx/ut2.cur);
width: 10%;
}
menu.js:
Kod
var OdkryteT;
function PokazujT(naWierzchT)
{
document.all(OdkryteT).className = "UkryjT";
document.all(naWierzchT).className = "PokazT";
OdkryteT = naWierzchT;
}
function Ustal()
{
var szer = document.body.clientWidth;
var wys = document.body.clientHeight;
document.all('TEKST').style.width = szer-50;
document.all('TEKST').style.height = wys-100;
document.all('MENU1').style.width = (szer/5)-3;
document.all('MENU1').style.left = 3;
document.all('MENU1A').style.width = (szer/5)-3;
document.all('MENU1A').style.left = 3;
document.all('MENU2').style.left = szer/5;
document.all('MENU2').style.width = szer/5;
document.all('MENU2A').style.left = szer/5;
document.all('MENU2A').style.width = szer/5;
document.all('MENU3').style.left = 2*szer/5;
document.all('MENU3').style.width = szer/5;
document.all('MENU3A').style.left = 2*szer/5;
document.all('MENU3A').style.width = szer/5;
document.all('MENU4').style.left = 3*szer/5;
document.all('MENU4').style.width = szer/5;
document.all('MENU4A').style.left = 3*szer/5;
document.all('MENU4A').style.width = szer/5;
document.all('MENU5').style.left = 4*szer/5;
document.all('MENU5').style.width = (szer/5)-3;
document.all('MENU5A').style.left = 4*szer/5;
document.all('MENU5A').style.width = (szer/5)-3;
document.all('zamknij').style.left = szer-33;
document.all('PODTYT').style.width = szer-60;
}
Czy potrafi ktoś to zmienić, aby oprócz w IE działało także pod Mozillą, czy działa pod Operą, tego nie sprawdzałem.
Przykład (proszę się nie śmiać ze stronki, dopiero "zaczynam "raczkować")