Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML] Rozjeżdżajace menu
motorolka24
post
Post #1





Grupa: Zarejestrowani
Postów: 90
Pomógł: 0
Dołączył: 21.04.2007

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


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>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 10)
pedro84
post
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Spróbuj wyzerować marginesy dla IE6.
Go to the top of the page
+Quote Post
motorolka24
post
Post #3





Grupa: Zarejestrowani
Postów: 90
Pomógł: 0
Dołączył: 21.04.2007

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


w którym miejscu?
Go to the top of the page
+Quote Post
pedro84
post
Post #4





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Dla elementów listy.
Go to the top of the page
+Quote Post
cypeczek
post
Post #5





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 9.07.2010

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


W css.
Go to the top of the page
+Quote Post
motorolka24
post
Post #6





Grupa: Zarejestrowani
Postów: 90
Pomógł: 0
Dołączył: 21.04.2007

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


nic to nie daje (IMG:style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
cypeczek
post
Post #7





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 9.07.2010

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


Wstaw oddzielną instrukcję dla IE.
Go to the top of the page
+Quote Post
pedro84
post
Post #8





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


A najlepiej to daj URL...
Go to the top of the page
+Quote Post
motorolka24
post
Post #9





Grupa: Zarejestrowani
Postów: 90
Pomógł: 0
Dołączył: 21.04.2007

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


no tak ale jaką, przecież właśnie dla IE mi się rozjeżdża i nie umie tego zrobić
Go to the top of the page
+Quote Post
gigzorr
post
Post #10





Grupa: Zarejestrowani
Postów: 652
Pomógł: 47
Dołączył: 6.02.2010
Skąd: Radom

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


w ie juz tak bedzie (IMG:style_emoticons/default/smile.gif) , zostaw to 6.0 albo rob odzielny styl ;f
Go to the top of the page
+Quote Post
motorolka24
post
Post #11





Grupa: Zarejestrowani
Postów: 90
Pomógł: 0
Dołączył: 21.04.2007

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


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ą (IMG:style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post

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: 18.09.2025 - 19:11