Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: css i hover
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
lharmatowski
Pewnie problem wyda się wam trywialny, ja niestety nie mogę sobie z tym poradzić.
Fragment arkusza CSS wygląda jak widać, przy takim CSS link po kliknięciu zmienia swój stan na visited i nie działa juz hover. Co zrobić żeby hover działał niezależnie od tego czy link był już wybrany czy nie.

a {
color: #002;
font-size: 14px;
text-decoration: underline;
}
a:hover {
color: #224;
text-decoration: none;
}
a:visited {
color: #002;
text-decoration: underline;
}
mike
Definicja dla hover powinna być na końcu:
  1. <style type="text/css">
  2. a {
  3.    color: #002;
  4.    font-size: 14px;
  5.    text-decoration: underline;
  6. }
  7.  
  8. a:visited {
  9.    color: #002;
  10.    text-decoration: underline;
  11. }
  12.  
  13. a:hover {
  14.    color: #224;
  15.    text-decoration: none;
  16. }


A tak w ogóle to można dużo krócej i poprawniej to zdefiniować:
  1. <style type="text/css">
  2. a:link, a: active, a:visited {
  3.    color: #002;
  4.    font-size: 14px;
  5.    text-decoration: underline;
  6. }
  7.  
  8. a:visited {
  9.    /* style liknów odwiedzonych powinny być inne niż nieodwiedzonych
  10.        stąd oddzielna daklaracja, w takim przypadku wywal to u góry.
  11.        Jeśli styl dla odwiedzonych ma być taki sam to wywal ten fragmant */
  12.    color: #efefef;
  13.    text-decoration: underline;
  14. }
  15.  
  16. a:hover {
  17.    color: #224;
  18.    text-decoration: none;
  19. }
lharmatowski
Wielkie dzięki, pomogło.
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.