Witam. Mam taki problem ze skryptem java script:


[HTML] pobierz, plaintext 
  1. [...]
  2. <body bgcolor="#3B424C">
  3. <center>
  4.  
  5.  
  6.  
  7. <script language="JavaScript" type="text/javascript">
  8. <!--
  9. function aktyw(ide)
  10. {
  11. ide.style.background = '#84C1FF'
  12. ide.childNodes[0].style.color= '#eeeeff'
  13. }
  14.  
  15. function pasyw(ide)
  16. {
  17. ide.style.background = '#eeeeff'
  18. ide.childNodes[0].style.color= '#84C1FF'
  19. }
  20.  
  21. function przesun(x)
  22. {
  23. document.getElementById('roleta').style.left = x
  24. }
  25.  
  26. function ukryj()
  27. {
  28. document.getElementById('roleta').style.visibility = 'hidden'
  29. }
  30.  
  31. function pokaz()
  32. {
  33. document.getElementById('roleta').style.visibility = 'visible'
  34. }
  35.  
  36. linki = new Array()
  37. linki[0] = new Array()
  38. linki[0][0] = '<a href="druzyna.phpl">Drużyna<\/a>'
  39. linki[0][1] = '<a href="harcerze.php">Harcerze<\/a>'
  40. linki[0][2] = '<a href="przyjaciele.php">Przyjaciele<\/a>'
  41.  
  42. linki[1] = new Array()
  43. linki[1][0] = '<a href="historia.php">Historia<\/a>'
  44. linki[1][1] = '<a href="galeria.php">Galeria<\/a>'
  45.  
  46. linki[2] = new Array()
  47. linki[2][0] = '<a href="nowosci.php"">Nowości<\/a>'
  48. linki[2][1] = '<a href="http://radommiasto.zhp.pl/czuwaj/index.php?format=feed&type=rss">RSS Hufca<\/a>'
  49. linki[2][2] = '<a href="http://zhp.pl/rss/zhp.pl/0001,0011.xml">RSS ZHP<\/a>'
  50. function zmienTekst(a)
  51. {
  52.  
  53. tabela = '<table border="0" width="120" cellspacing="4" style="position : absolute;">'
  54. for(i=0; i<linki[a].length;i++)
  55. tabela += '<tr><td style="border:1px solid #84C1FF; font-size : 14px;" bgcolor="#eeeeff" onmouseover="aktyw(this)" onmouseout="pasyw(this)"><center>'+linki[a][i]+'</center><\/td><\/tr>'
  56. tabela += '<\/table>'
  57. document.getElementById('roleta').innerHTML = tabela
  58. }
  59.  
  60. var walk;
  61. //-->
  62. </script>
  63.  
  64. <div class="top"></div>
  65. <table cellspacing="0" cellpading="0" width="979"><tr>
  66. <td class="podmenu"><p class="linki"><a href="#">Start </a></p></td>
  67. <td class="podmenu1"><p class="linki"><a href="#" onmouseover="clearTimeout(walk),przesun(263),zmienTekst(0),pokaz()" onmouseout="walk=setTimeout('ukryj()',500)">O nas</a></p></td>
  68. <td class="podmenu1"><p class="linki"><a href="#" onmouseover="clearTimeout(walk),przesun(392),zmienTekst(1),pokaz()" onmouseout="walk=setTimeout('ukryj()',500)">Było</a></p></td>
  69. <td class="podmenu1"><p class="linki"><a href="#" onmouseover="clearTimeout(walk),przesun(520),zmienTekst(2),pokaz()" onmouseout="walk=setTimeout('ukryj()',500)">Jest</a></p></td>
  70. <td class="podmenu1"><p class="linki"><a href="#">Będzie</a></p></td>
  71. <td class="podmenu1"><p class="linki"><a href="#">Forum</a></p></td>
  72. <td class="podmenu2"><p class="linki1">Wydarzenia</p></td>
  73. </tr></table>
  74. <div id="rel">
  75. <div id="roleta" onmouseover="clearTimeout(walk),pokaz()" onmouseout="ukryj()">
  76. </div>
  77.  
  78. [...]
[HTML] pobierz, plaintext



Kod
#roleta{position: absolute;
top: 0px;
left: 0px;
width: 180px;
visibility: hidden;
}
#rel{position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
visibility: visible;
}


chodzi głównie o przesuniecie tych tabel co sie pojawiaja - w zaleznosci od rozdzielczosci inaczej pojawiaja - przy mojej na laptopie ok : 1280x800 ale jak ktos ma np. 1024x768 to juz inaczej. Jak zrobic, by na kazdej rozdzielczosci pojawialo sie tak samo ? tzn. po najechaniu na link np. "było" to pod tym zeby sie pojawialo w roznych rozdzialkach tabele : historia i galeria...


Macie jakas porade? Ogolnie to ustawielm w przesun(odleglosc px od lewej) - z
kazda rozdzielczosci sa inne, moze jakos w procentach czy co ?