Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Menu po najechaniu się rusza.
GoldeNx3
post 13.05.2012, 11:52:14
Post #1





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

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


Witam! Mam taki kog CSS:

  1. #left_menu {
  2. float: left;
  3. width: 240px;
  4. margin: 15px 0 15px 5px;
  5. padding: 5px;
  6. background-color: #FFF;
  7. border-radius: 3px;
  8. -moz-border-radius: 3px;
  9. -webkit-border-radius: 3px;
  10. -khtml-border-radius: 3px;
  11. list-style: none;
  12. display: block;
  13. }
  14.  
  15. #left_menu li a {
  16. display: block;
  17. height: 20px;
  18. margin: 4px 0 5px;
  19. font-family: tahoma;
  20. font-size: 11px;
  21. font-weight: bold;
  22. color: #000;
  23. text-decoration: none;
  24. padding: 5px;
  25. /*border-bottom: 1px solid #000;*/
  26. line-height : 20px;
  27. }
  28.  
  29. #left_menu li a:hover {
  30. background: #0b4774;
  31. color: #FFF;
  32. margin: 0 auto;
  33. padding: 5px;
  34. }



Kod Menu HTML:


  1. <ul id="left_menu">
  2. <li><a class="menu" href="index.php">Strona główna</a></li>';
  3. <li><a class="menu" href="#">Menu #2</a></li>
  4. <li><a class="menu" href="#">Menu #3</a></li>
  5. </ul>


Wszystko pięknie. Ale gdy najeżdżam na pozycje w menu to menu tak jakby się "rusza" albo się rozszerza lekko w dół albo górę.. Ale zauważyłem, że tylko na pierwszą i ostatnią pozycję.
Niby to nie przeszkadza, ale wkurza. Jak to naprawić?

Ten post edytował GoldeNx3 13.05.2012, 11:53:00
Go to the top of the page
+Quote Post
vokiel
post 13.05.2012, 11:58:51
Post #2





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

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


Jeśli skacze to znaczy, że zmienia się rozmiar. przyczynami mogą być: padding, margin, border. Sprawdź wymiary elementów w normalnym stanie i po najechaniu kursorem.


--------------------
Go to the top of the page
+Quote Post
GoldeNx3
post 13.05.2012, 12:17:11
Post #3





Grupa: Zarejestrowani
Postów: 228
Pomógł: 1
Dołączył: 24.12.2010

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


  1. margin: 4px 0 5px;


Tego w hover brakowało. Dziękuję. wink.gif
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 2.05.2025 - 05:28