Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Pomoc przy efekt hover.
Forum PHP.pl > Forum > Przedszkole
Adis92
Witajcie. Mam taki dziwny problem. Utworzyłem klasę div w której umieściłem menu i nadałem linkom efekt hover. W efekcie hover umieściłem tło. I tutaj jest problem. Otóż niestety nie pokazuje mi całego obrazka tylko o długości tekstu i jego wysokości. I niewiem jak zablokować aby owy obrazek wyświetlał się całej wielkości i na samym środku pod linkiem.
A oto mój kod css:
  1. #left_menu_body{
  2. background-image: url(images/left_menu_bg.png);
  3. background-repeat: y-repeat;
  4. width: 228px;
  5. color: #050c00;
  6. font-size: 17px;
  7. font-family: Arno_Pro;
  8. }
  9.  
  10. #left_menu_body a{
  11. text-decoration: none;
  12. color: #050c00;
  13. font-size: 17px;
  14. font-family: Arno_Pro;
  15. }
  16.  
  17. #left_menu_body a:hover{
  18. background-image: url(images/left_hover.png);
  19. background-repeat: no-repeat;
  20. position: center;
  21. width: 176px;
  22. height: 23px;
  23. color: #9c9f46;
  24. }
Rafal Filipek
elementy <a> maja standardowo ustawion display:inline ... musisz nadac im display:block i odpowiednie rozmiary i powinno byc ok.
Kod
position: center;
co to ?
poczytaj jak ustawiac pozycje tla na www.w3schools.com
Adis92
Ok z wyświetlaniem obrazka jest wszystko dobrze zadziałało. Dzięki
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.