Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Błędne wyświetlanie menu pod IE..., Problem z z-index?
Nazad
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----


Witam! Bardzo proszę o pomoc. Pod FF menu działa i jest w odpowiednim miejscu, pod IE działa jednak wyświetla się w dziwacznym miejscu.

Link do strony:
http://www.ksiaznica.home.pl/nc/

kod: (część z menu)
  1.  
  2. <link rel="stylesheet" href="default.css" type="text/css">
  3. <script type="text/javascript" src="ie5.js"></script>
  4. <script type="text/javascript" src="DropMenu1.js"></script>
  5.  
  6.  
  7.  
  8. <div class="naglowek">
  9. <div style="position: absolute;left:450px;top:60;z-index:1;bottom 50px;">
  10.  
  11. <form method="get" action="search.php">
  12.  
  13. <input type="text" name="searchterm" title="" value="" class="searchbox" />
  14.  
  15. <input type="submit" name="szukaj" title="szukaj" value="szukaj" class="searchbutton" />
  16. <a href="szukaj.php"><FONT SIZE=1>Wyszukiwanie zaawansowane </FONT> </a>
  17.  
  18. </form>
  19.  
  20. </div>
  21. <img style="position: relative; left: 0px; bottom: -9px;" src="czytelnia.png"/>
  22. <img style="width: 92px; height: 40px; position: relative; bottom:5px;left:520px;" src="logoborgis.png"/>
  23. <img style="width: 990px; height: 72px; position: relative; bottom:35px;" src="toptlo1.png"/>
  24. </div>
  25. </head>
  26.  
  27. <body>
  28. <p class="strona">
  29. <div class="main">
  30. <table cellspacing="0" cellpadding="0" id="menu1" class="dm1">
  31. <tr>
  32. <td>
  33. <a class="item1" href="java script:void(0)">Czasopisma<br>Online</a>
  34. <div class="section">
  35. <a class="item2" href="example1.html">Medycyna Rodzinna</a><br>
  36. <a class="item2" href="example1.html">New Medicine</a><br>
  37. <a class="item2" href="example1.html">Nowa Medycyna</a><br>
  38. <a class="item2" href="example1.html">Nowa Pediatria</a><br>
  39. <a class="item2" href="example1.html">Nowa Stomatologia</a> <br>
  40. <a class="item2" href="example1.html">Postępy Fitoterapii</a><br>
  41. <a class="item2" href="example1.html">Postępy Nauk<br>Medycznych</a> <br>
  42. <a class="item2" href="example1.html">Farmakoekonomika</a> <br>
  43. <a class="item2" href="example1.html">Bezpieczna Żywność</a> <br>
  44. <a class="item2" href="example1.html">Balneologia Polska</a> <br>
  45. <a class="item2" href="example1.html">Anestezjologia...</a><br>
  46. <a class="item2" href="example1.html">Kosmetyka Naturalna</a> <br>
  47. </div>
  48. </td>
  49. <td>
  50. <a class="item1" href="java script:void(0)">Książki<br>Online</a>
  51. <div class="section">
  52. <a class="item2" href="example1.html">Jeden</a>
  53. <a class="item2" href="example1.html">Dwa</a>
  54. </div>
  55. </td>
  56. <td>
  57. <a class="item1 left" href="example1.html"><br>Opublikuj</a>
  58. </td>
  59. <td>
  60. <a class="item1 left" href="example1.html">Prenumerata<br>czasopism</a>
  61. </td>
  62. <td>
  63. <a class="item1 left" href="example1.html">Newsletter<br>dla lekarzy</a>
  64. </td>
  65. <td>
  66. <a class="item1" href="java script:void(0)">Księgarnie<br>Online</a>
  67. <div class="section">
  68. <a class="item2" href="example1.html">DoPoduszki.eu</a>
  69. <a class="item2" href="example1.html">KsiegarniaMedyczna.eu</a>
  70. </div>
  71. </td>
  72. <td>
  73. <a class="item1" href="example1.html">Fitokosmetyki<br>Medyczne</a>
  74. </td>
  75. </tr>
  76. </table>
  77.  
  78. <script type="text/javascript">
  79. var dm1 = new DropMenu1('menu1');
  80. dm1.position.top = -1;
  81. dm1.init();
  82. </script>
  83. </div>
  84. </p>
  85. <br>
  86. <div style="border: 1px solid #ddd; padding: 5px;">
  87. <tr><td>


CSS:
  1. .naglowek {
  2. background-attachment : scroll;
  3. background-color : transparent;
  4. background-image : url(http://www.czytelniamedyczna.pl/nowaczyt/toptlo.jpg);
  5. display : block;
  6. height : 80px;
  7. width : 990px;
  8. }
  9. .skyright{
  10. width:120px;
  11.  
  12. margin-left:870 ;
  13.  
  14. margin-right:20;
  15.  
  16. display: table;
  17. }
  18. .dm1 {
  19. font : bold 11px/12px Arial, sans-serif, helvatica;
  20. }
  21. .dm1 .item1, .dm1 .item1:hover, .dm1 .item1-active, .dm1 .item1-active:hover {
  22. padding : 3px 8px 4px 8px;
  23. text-decoration : none;
  24. position : relative;
  25. display : block;
  26. width : 125px;
  27. height : 20px;
  28. background : url("tlogray1.gif") repeat-x left;
  29. text-align : center;
  30. font : bold 11px/12px Arial, sans-serif, helvatica;
  31. }
  32. .dm1 .item1 {
  33. background-image : url("tlo1.gif");
  34. color : #ffffff;
  35. font : bold 11px/12px Arial, sans-serif, helvatica;
  36. display: block;
  37. }
  38. .dm1 .item1:hover, .dm1 .item1-active, .dm1 .item1-active:hover {
  39. background : url("tlogray1.gif");
  40. color : #ffffff;
  41. font : bold 11px/12px Arial, sans-serif, helvatica;
  42. display: block;
  43. }
  44. .dm1 .item2, .dm1 .item2:hover {
  45. padding : 3px 8px 4px 8px;
  46. text-decoration : none;
  47. display : block;
  48. white-space : nowrap;
  49. font : bold 11px/12px Arial, sans-serif, helvatica;
  50.  
  51. }
  52. .dm1 .item2 {
  53. background : url("tlo1.gif");
  54. color : #ffffff;
  55. font : bold 11px/12px Arial, sans-serif, helvatica;
  56. width : 135px;
  57. height : 15px;
  58. text-align : center;
  59.  
  60. }
  61. .dm1 .item2:hover {
  62. background : url("tlogray1.gif");
  63. color : #ffffff;
  64. font : bold 11px/12px Arial, sans-serif, helvatica;
  65. }
  66. .dm1 .section {
  67. position : absolute;
  68. visibility : hidden;
  69. z-index : -1;
  70. white-space : nowrap;
  71. font : bold 11px/12px Arial, sans-serif, helvatica;
  72. display: block;
  73. margin-top: 90px;
  74. margin-left: 10px;
  75. }
  76. * html .dm1 td {
  77. position : relative;
  78. }
  79. .przerwa {
  80. height : 30px;
  81. }
  82. h1 {
  83. width : 375px;
  84. padding : 10px;
  85. margin-left : auto;
  86. margin-right : auto;
  87. background : #339;
  88. font : normal 18px Arial, Helvetica, sans-serif;
  89. color : #fff;
  90. border : 1px solid #000;
  91. text-align : center;
  92. }
  93. h2 {
  94. font : bold 18px Arial, Helvetica, sans-serif;
  95. color : #339;
  96. }
  97. p {
  98. font : normal 10pt Arial, Helvetica, sans-serif;
  99. text-align : center;
  100. color : #000;
  101. }
  102. a:link, a:visited {
  103. font : bold 11px/12px Arial, sans-serif, helvatica;
  104. color : #000;
  105. text-decoration : none;
  106. }
  107. .searchbox {
  108. width : 150px;
  109. font : normal 12px Arial, Helvetica, sans-serif;
  110. color : #ffffff;
  111. background : #b9cdff;
  112. }
  113. .searchbutton {
  114. width : 80px;
  115. background : url("tloblue1.gif") repeat-x;
  116. font : bold 12px Arial, Helvetica, sans-serif;
  117. color : #000;
  118. }
  119.  
  120. #menu1 {
  121. z-index:10 !important;
  122. position:relative;
  123. margin-left:0px;
  124. margin-right:0px;
  125. margin-top: -16px;
  126. list-style-type: none;
  127. }


Gdzie tkwi błąd? Bardzo proszę o pomoc, ponieważ siedzę nad tym chyba z tydzień...
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Nazad
post
Post #2





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----


krzysztof_kf Jestem niezmiernie wdzięczny za Twoją chęć pomocy, jednak jeszcze żaden z Twoich postów mi w żaden sposób nie pomógł. W poprzednim temacie napisałeś mi żebym "nauczył się CSS", teraz odesłałeś mnie do kursu, który chyba każdy zna.

Co gorsza, pisząc takiego posta odstraszasz pozostałych użytkowników tego forum którzy autentycznie mogli by pomóc. Temat, w którym pierwsza odpowiedź kieruje do podstawowego kursu dla większości użytkowników jest zakończony i nie widzą oni sensu w nim pisać.

Założyłem ten temat, ponieważ w podobny sposób "zakończyłeś" mi poprzedni, teraz zrobiłeś to znów.

Ponawiam prośbę o pomoc, jeśli ktoś może precyzyjniej niż "nie umiesz CSS" określić co powoduje problem będę bardzo wdzięczny.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 17.10.2025 - 13:01