Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Rozjeżdżajace menu
Forum PHP.pl > Forum > Przedszkole
motorolka24
Witam. Mam problem z menu rozwijanym. W Firefoxie wszystko działa dobrze. Niestety w IE6 pojawiają się odstępy między elementami listy. Jak pozbyć się tych dużych odstępów?

  1. body{
  2. margin: 0px;
  3. background-color: #FFF;
  4. behavior:url("./csshover3.htc")
  5. }
  6. ul {
  7. font-family: Arial, Verdana;
  8. font-size: 14px;
  9. margin: 0;
  10. padding: 0;
  11. list-style: none;
  12. }
  13. ul li {
  14. display: block;
  15. position: relative;
  16. float: left;
  17. }
  18. li ul { display: none; }
  19. ul li a {
  20. display: block;
  21. overflow: hidden;
  22. text-decoration: none;
  23. color: #ffffff;
  24. border-top: 0px solid #ffffff;
  25. padding: 5px 15px 5px 15px;
  26. background: #2C5463;
  27. margin-left: 1px;
  28. white-space: nowrap;
  29. }
  30. ul li a:hover { background: #617F8A; }
  31.  
  32. li:hover ul {
  33. display: block;
  34. position: absolute;
  35. }
  36. li:hover li {
  37. float: none;
  38. font-size: 11px;
  39.  
  40. }
  41. li:hover a { background: #617F8A; }
  42. li:hover li a:hover { background: #95A9B1; }


  1. <ul id="menu">
  2. <li><a href="">Home</a></li>
  3. <li><a href="">About Us</a>
  4. <ul>
  5.  
  6. <li><a href="">The Team</a></li>
  7. <li><a href="">History</a></li>
  8. <li><a href="">Vision</a></li>
  9. </ul>
  10. </li>
  11. <li><a href="">Products</a>
  12. <ul>
  13.  
  14. <li><a href="">Cozy Couch dfg df dfg dsfg dgf asg s.a. dg</a></li>
  15. <li><a href="">Great Table</a></li>
  16. <li><a href="">Small Chair</a></li>
  17. <li><a href="">Shiny Shelf</a></li>
  18. <li><a href="">Invisible Nothing</a></li>
  19. </ul>
  20.  
  21. </li>
  22. <li><a href="">Contact</a>
  23. <ul>
  24. <li><a href="">Online</a></li>
  25. <li><a href="">Right Here</a></li>
  26. <li><a href="">Somewhere Else</a></li>
  27. </ul>
  28.  
  29. </li>
  30. </ul>
pedro84
Spróbuj wyzerować marginesy dla IE6.
motorolka24
w którym miejscu?
pedro84
Dla elementów listy.
cypeczek
W css.
motorolka24
nic to nie daje sad.gif
cypeczek
Wstaw oddzielną instrukcję dla IE.
pedro84
A najlepiej to daj URL...
motorolka24
no tak ale jaką, przecież właśnie dla IE mi się rozjeżdża i nie umie tego zrobić
gigzorr
w ie juz tak bedzie smile.gif , zostaw to 6.0 albo rob odzielny styl ;f
motorolka24
ale lipa :/ to nie da się z tym nic zrobić? mam dokładnie tak jak tutaj http://sharpek.net/blog/2009/08/10/trzy-bu...re-trzeba-znac/ niestety porady w tym linku nie pomagają sad.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.