Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Kolejny problem z css, Nie działa a:active , a:hover działa ...
mefistofeles
post
Post #1





Grupa: Zarejestrowani
Postów: 255
Pomógł: 0
Dołączył: 23.06.2009

Ostrzeżenie: (10%)
X----


Css:

  1. .bd ul li a:link{
  2. text-decoration:none;
  3. color:#000;
  4. font-size:17px;
  5. }
  6.  
  7.  
  8. .bd ul li a:visited{
  9. text-decoration:none;
  10. color:#000;
  11. font-size:17px;
  12. }
  13.  
  14.  
  15. .bd ul li a:hover{
  16. text-decoration:none;
  17. color:#F89100;
  18. font-size:17px;
  19. }
  20.  
  21. .bd ul li a:active{
  22. text-decoration:none;
  23. color:#FF0000;
  24. font-size:17px;
  25. }


Po najechaniu na link jego kolor się zmienia, jednak po kliknięciu powinien być czerwony (a:active) jednak nie jest.

Efekt można zobaczyć tutaj w górnym menu:

http://stylkobiety.pl (IMG:style_emoticons/default/smile.gif)

// EDIT - zauważyłem że kolor czerwony pojawia się tylko w czasie kliknięcia na link ale nie pozostaje taki, a przecież powinien bo tak to działa.

O co chodzi ?

Ten post edytował mefistofeles 27.05.2010, 17:17:38
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 8)
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Powiedz mi w którym pliku css znajdę klasę bd, bo masz ich tam 10 i w żadnym nie zauważyłem

Edit, a przypadkiem :active nie działa tylko w momencie kliknięcia? http://www.quirksmode.org/css/hover.html#

Ten post edytował lobopol 27.05.2010, 17:56:30
Go to the top of the page
+Quote Post
Matimor
post
Post #3





Grupa: Zarejestrowani
Postów: 287
Pomógł: 10
Dołączył: 22.08.2009

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


:active działa tylko po kliknięciu :hover jest od najechania.

  1. .bd ul li a:link{
  2. text-decoration:none;
  3. color:#000;
  4. font-size:17px;
  5. }
  6.  
  7.  
  8. .bd ul li a:hover{
  9. text-decoration:none;
  10. color:#CCC;
  11. font-size:17px;
  12. }
Go to the top of the page
+Quote Post
Damonsson
post
Post #4





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


Dokładnie, jak koledzy niżej (edit: znaczy się wyżej (IMG:style_emoticons/default/biggrin.gif) ) napisali. Kompletnie mylisz pojęcia.

Może chodzi Ci o ":visted" ?

Ten post edytował Damonsson 27.05.2010, 18:19:31
Go to the top of the page
+Quote Post
mefistofeles
post
Post #5





Grupa: Zarejestrowani
Postów: 255
Pomógł: 0
Dołączył: 23.06.2009

Ostrzeżenie: (10%)
X----


Tak jak np tutaj:
http://www.uczelnieinfo.pl/index.php/materialy-do-matury

Link reprezentujący wybraną stronę jest zaznaczony innym kolorem (pomijając grafike).
Z tego co pamiętałem to to było a:active, ale tutaj jest li.active a

Ten post edytował mefistofeles 27.05.2010, 19:13:34
Go to the top of the page
+Quote Post
lobopol
post
Post #6





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Bo oni ustawiają klasę przez php linkowi aktualnie odwiedzanemu.
Go to the top of the page
+Quote Post
mefistofeles
post
Post #7





Grupa: Zarejestrowani
Postów: 255
Pomógł: 0
Dołączył: 23.06.2009

Ostrzeżenie: (10%)
X----


Próbowałem zrobić analogicznie i nie działa.
Jak więc zmienić mój kod, żeby to w ten sposób działało ?
Go to the top of the page
+Quote Post
lobopol
post
Post #8





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Jak już napisałem wcześniej musiałbyś linkowi w menu dodawać klasę np. class="visited" i tą klasę odpowiednio sformatować, a przez php sprawdzać gdzie aktualnie znajduję się użytkownik i jeżeli jest na stronie a to linkowi z a dodać klasę.
taki pseudokod:
for każdy element menu{
jeżeli ten link jest odwiedzany to wyświetl link w formacie <li class="visited">lin</li>
Jeżeli nie to wyświetl <li>linl</li>
}

Ten post edytował lobopol 27.05.2010, 19:29:08
Go to the top of the page
+Quote Post
mefistofeles
post
Post #9





Grupa: Zarejestrowani
Postów: 255
Pomógł: 0
Dołączył: 23.06.2009

Ostrzeżenie: (10%)
X----


Rozumiem, nie wiem czemu byłem przekonany, że kiedyś bez problemu osiągałem taki efekt za pomocą wyłącznie css-a ...
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: 22.08.2025 - 16:30