Witam. Stworzyłem rozsuwane menu, i wszystko jest ok...ale tylko pod operą :/.
Pod IE i Mozzila pojawiają sie niepotrzebne odstępy.

Można to zobaczyć tu http://xcoder.cba.pl/menu/

Oto kod:

[HTML] pobierz, plaintext 
  1. <html><head>
  2.  <script type="text/javascript" src="menu_files/menu.js"></script>
  3.   <link rel="stylesheet" href="menu_files/styl1.css" type="text/css"></head><body><div style="text-align: center; height: 90px;"><iframe src="menu_files/adsense.htm"
  4.   style="border: 0px none  ! important; display: block ! important; position: absolute; left: 50% ! important; top: 0px ! important; z-index: 10000 ! important; margin-left: -364px ! important; height:0px ! important; width: 728px ! important;" align="middle" frameborder="0" scrolling="no"></iframe></div><!--]>--><noscript onclick="''"></noscript><script type="text/javascript" src="menu_files/cba1.js"></script>
  5.  
  6. <div id="main">
  7.  
  8. <dl id="menu0">
  9. <dt>
  10.     <a href="java script:void(0)" onmouseover='rollover1.src="grph/gb2_1.png"' onmouseout='rollover1.src="grph/gb1_1.png"'>
  11.     <img src="menu_files/gb1_1.png" name="rollover1" border="0" height="23" width="160"></a>
  12. </dt>
  13. <dd style="display: none;">Element 1.1</dd>
  14. <dd style="display: none;">Element 1.2</dd>
  15. <dd style="display: none;">Element 1.3</dd>
  16. <dd style="display: none;"><img src="menu_files/end1.png" height="2" width="160"></dd>
  17. <dt>
  18.     <a href="java script:void(0)" onmouseover='rollover2.src="grph/gb2_2.png"' onmouseout='rollover2.src="grph/gb1_2.png"'>
  19.     <img src="menu_files/gb1_2.png" name="rollover2" border="0" height="23" width="160"></a>
  20. </dt>
  21. <dd style="display: none;">Element 2.1</dd>
  22. <dd style="display: none;">Element 2.2</dd>
  23. <dd style="display: none;">Element 2.3</dd>
  24. <dd style="display: none;"><img src="menu_files/end1.png" height="2" width="160"></dd>
  25. <dt>
  26.     <a href="java script:void(0)" onmouseover='rollover3.src="grph/gb2_3.png"' onmouseout='rollover3.src="grph/gb1_3.png"'>
  27.     <img src="menu_files/gb1_3.png" name="rollover3" border="0" height="23" width="160"></a>
  28. </dt>
  29. <dd style="display: none;">Element 3.1</dd>
  30. <dd style="display: none;">Element 3.2</dd>
  31. <dd style="display: none;">Element 3.3</dd>
  32. <dd style="display: none;"><img src="menu_files/end1.png" height="2" width="160"></dd>
  33. <dt>
  34.     <a href="java script:void(0)" onmouseover='rollover4.src="grph/gb2_4.png"' onmouseout='rollover4.src="grph/gb1_4.png"'>
  35.     <img src="menu_files/gb1_4.png" name="rollover4" border="0" height="23" width="160"></a>
  36. </dt>
  37. <dd style="display: none;">Element 4.1</dd>
  38. <dd style="display: none;">Element 4.2</dd>
  39. <dd style="display: none;">Element 4.3</dd>
  40. <dd style="display: none;"><img src="menu_files/end1.png" height="2" width="160"></dd>
  41. <dt>
  42.     <a href="java script:void(0)" onmouseover='rollover5.src="grph/gb2_5.png"' onmouseout='rollover5.src="grph/gb1_5.png"'>
  43.     <img src="menu_files/gb1_5.png" name="rollover5" border="0" height="23" width="160"></a>
  44. </dt>
  45. <dd style="display: none;">Element 5.1</dd>
  46. <dd style="display: none;">Element 5.2</dd>
  47. <dd style="display: none;">Element 5.3</dd>
  48. <dd style="display: none;"><img src="menu_files/end1.png" height="0" width="160"></dd>
  49. <dt>
  50.     <a href="java script:void(0)" onmouseover='rollover6.src="grph/gb2_6.png"' onmouseout='rollover6.src="grph/gb1_6.png"'>
  51.     <img src="menu_files/gb1_6.png" name="rollover6" border="0" height="23" width="160"></a>
  52. </dt>
  53. <dd style="display: block;">Element 6.1</dd>
  54. <dd style="display: block;">Element 6.2</dd>
  55. <dd style="display: block;">Element 6.3</dd>
  56. <dd style="display: block;"><img src="menu_files/end1.png" height="2" width="160"></dd>
  57. <dt>
  58.     <a href="java script:void(0)" onmouseover='rollover7.src="grph/gb2_7.png"' onmouseout='rollover7.src="grph/gb1_7.png"'>
  59.     <img src="menu_files/gb1_7.png" name="rollover7" border="0" height="23" width="160"></a>
  60. </dt>
  61. <dd style="display: none;">Element 7.1</dd>
  62. <dd style="display: none;">Element 7.2</dd>
  63. <dd style="display: none;">Element 7.3</dd>
  64. <dd style="display: none;"><img src="menu_files/end1.png" height="2" width="160"></dd>
  65. <dt>
  66.     <a href="java script:void(0)" onmouseover='rollover8.src="grph/gb2_8.png"' onmouseout='rollover8.src="grph/gb1_8.png"'>
  67.     <img src="menu_files/gb1_8.png" name="rollover8" border="0" height="23" width="160"></a>
  68. </dt>
  69. <dd style="display: none;">Element 8.1</dd>
  70. <dd style="display: none;">Element 8.2</dd>
  71. <dd style="display: none;">Element 8.3</dd>
  72. <dd style="display: none;"><img src="menu_files/end1.png" height="2" width="160"></dd>
  73. <dt>
  74.     <a href="java script:void(0)" onmouseover='rollover9.src="grph/gb2_9.png"' onmouseout='rollover9.src="grph/gb1_9.png"'>
  75.     <img src="menu_files/gb1_9.png" name="rollover9" border="0" height="23" width="160"></a>
  76. </dt>
  77. <dd style="display: none;">Element 9.1</dd>
  78. <dd style="display: none;">Element 9.2</dd>
  79. <dd style="display: none;">Element 9.3</dd>
  80. <dd style="display: none;"><img src="menu_files/end2.png" height="2" width="160"></dd>
  81.  
  82. </dl></div>
  83.  
  84. <script type="text/javascript">
  85. // <![CDATA[
  86. new Menu('menu0');
  87. // ]]>
  88. </script>
  89.  
  90.  
  91.  
  92.  
  93. <!--]>--><noscript onclick="''"></noscript><script type="text/javascript" src="menu_files/cba2.js"></script></body></html>
[HTML] pobierz, plaintext


oraz style:

[HTML] pobierz, plaintext 
  1. #main
  2. {
  3. background-image:url(grph/bg1.png);
  4. width:160px;
  5. }
  6.  
  7. dd
  8. {
  9. margin: 0px;
  10. }
  11.  
  12. dt
  13. {
  14. padding: 0px; 
  15. margin: auto;
  16. }
[HTML] pobierz, plaintext