Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Funkcja #content_left li a:active nie działa.
Forum PHP.pl > Forum > Przedszkole
gaculla
Mam drobny problem, sprawdzałem kilka razy i nie wiem, czemu nie działa mi #content_left li a:active. Oto kod:

  1. <div id="content_left">
  2. <ul>
  3. <li><a href="?go=1">Link 1</a></li>
  4. <li><a href="?go=2">Link 2</a></li>
  5. <li><a href="?go=3">Link 3</a></li>
  6. </ul>
  7. </div>

A oto CSS:
  1. #content_left {
  2. font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  3. clear: left;
  4. margin : 0;
  5. width: 200px;
  6. float : left;
  7. text-align : left;
  8. font-size : 11px;
  9. background-image : url(galeria/);
  10. background-repeat : no-repeat;
  11. background-position : bottom right;
  12. padding-top: 15px;
  13. }
  14. #content_left ul {
  15. list-style: none;
  16. width: 150px;
  17. margin: 0 0 10px 0;
  18. padding: 0;
  19. font-size: 1.1em;
  20. }
  21. #content_left li {
  22. margin-bottom: 4px;
  23. }
  24. #content_left li a {
  25. font-weight: bold;
  26. height: 20px;
  27. text-decoration: none;
  28. color: #36BF2A;
  29. display: block;
  30. padding: 5px 0 0 8px;
  31. background: #ffffff;
  32. border-left: 5px solid #36BF2A;
  33. }
  34. #content_left li a:active {
  35. background-color: #36BF2A;
  36. color: #ffffff;
  37. border-left: 5px solid #36BF2A;
  38. }
  39. #content_left li a:hover {
  40. background-color: #36BF2A;
  41. color: #ffffff;
  42. border-left: 5px solid #36BF2A;
  43. }

Niby wszystko dobrze, ale aktywny link nie wyróżnia się jako aktywny. W czym może być problem?
athei
A jak ma się wyróżniać, skoro active i hover są takie same?
Popraw tytuł bo to nie jest żadna funkcja a pseudo klasa.
gaculla
Active i Hover są takie same, bo mają być takie same. Chcę, aby w momencie, gdy jestem na stronie "Link 2", to ów link był oznaczony z tłem w kolorze Hover.

Co do tytułu - już któryś raz nigdzie nie mogę doszukać się jego edycji. Tymniemniej skupmy się na rozwiązaniu problemu.
athei
Jeśli dobrze zrozumiałem to chcesz zrobić, że jak jesteś np na stronie <a href="?go=1"> to Link 1 w menu był zaznaczony jako aktywny, analogicznie do innych stron.
Nie zrobisz tego za pomocą tylko CSS'a
zobacz np to:
http://webdevjunk.com/coding/css/17/php-me...tive-page-link/
gaculla
Cytat(athei @ 9.05.2009, 11:21:33 ) *
Jeśli dobrze zrozumiałem to chcesz zrobić, że jak jesteś np na stronie <a href="?go=1"> to Link 1 w menu był zaznaczony jako aktywny, analogicznie do innych stron.
Nie zrobisz tego za pomocą tylko CSS'a
zobacz np to:
http://webdevjunk.com/coding/css/17/php-me...tive-page-link/


Pomogłeś mi, 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.