Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Link oraz obrazek listy.
Forum PHP.pl > Forum > Przedszkole
Wicepsik
Witam,
Dzisiaj zacząłem bawić się w CSS. Przeczytałem trochę oraz na bieżąco przy kodowaniu mojego layoutu czytam w necie.

  1. #sidebar ul li{
  2. list-style:none;
  3. background: url('images/83.png') no-repeat 2px 5px;
  4. padding: 2px 0px 0px 25px;
  5.  
  6. }
  7. #sidebar ul li:hover{
  8. list-style:none;
  9. background: url('images/81.png') no-repeat 2px 5px;
  10. padding: 2px 0px 0px 25px;
  11. }
  12.  
  13. #sidebar a {
  14. color: #009300;
  15. text-decoration: none;
  16. }
  17.  
  18. #sidebar a:hover {
  19. color: #3B3BFF;
  20. text-decoration: none;
  21. }


Mam coś takiego. Czy da się jakimś sposobem połączyć link oraz podpunkt listy ? Oczywiście ten kod chyba jest poprawny, zmienia się razem.
Wicepsik
@up
Dzięki za chęci.



Ok, poradziłem sobie.
Rozwiązanie:

  1. #sidebar ul li{
  2. list-style: none;
  3. }
  4. #sidebar ul li a{
  5. color: #009300;
  6. text-decoration: none;
  7. background: url('images/83.png') no-repeat 2px 5px;
  8. padding: 2px 0px 0px 25px;
  9. }
  10. #sidebar ul li a:hover{
  11. background: url('images/81.png') no-repeat 2px 5px;
  12. padding: 2px 0px 0px 25px;
  13. color: #3B3BFF;
  14. text-decoration: none;
  15. }
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.