Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Dziwny błąd z kolorowanie i nowymi klasami linków
Forum PHP.pl > Forum > Przedszkole
sebap123
Witam
Napisałem sobie prosta stronę. Na stronie dodałem plik *.css w którym zdefiniowałem, aby linki najechane były czerwone i podkreślone, a pozostałe czarne. Jednak działa to wszystko tylko za pierwszym razem. Po wybraniu linku i ponownym najechaniu juz nie działa. Z tego co pamiętam, to link po ponownym najechaniu powinien się zachowac tak jak by nie był w ogóle kliknięty dlatego nie wiem gdzie jest błąd.
Ponizej jest kod css i fragment strony z niektórymi linkami:
  1. @charset "iso-8859-2";
  2. /* CSS Document */
  3.  
  4. body {
  5. background-color: #FFFFFB;
  6. }
  7. .footer {
  8. border-top-style: double;
  9. border-top-color: #0000CC;
  10. border-top-width: 1px;
  11. }
  12. .menu {
  13. border-top-width: 2px;
  14. border-top-style: solid;
  15. border-top-color: #0000CC;
  16. background-position: bottom;
  17. }
  18. .checked {
  19. background-image: url(obrazy/menu.gif);
  20. background-repeat: no-repeat;
  21. background-position: center bottom;
  22. text-align: center;
  23. vertical-align: bottom;
  24. font-family: "Times New Roman", Times, serif;
  25. font-size: 18px;
  26. border-bottom-width: 2px;
  27. border-bottom-style: solid;
  28. border-bottom-color: #0000CC;
  29.  
  30. }
  31. a {
  32. text-decoration: none;
  33. color: #000000;
  34. }
  35. a:hover {
  36. text-decoration: underline;
  37. color: #FF0000;
  38. }
  39. a:active {
  40. text-decoration: underline;
  41. color: #FF0000;
  42. }
  43. a:visited {
  44. text-decoration: none;
  45. color: #000000;
  46. }
  47.  
  48. .unchecked {
  49. text-align: center;
  50. vertical-align: bottom;
  51. font-family: "Times New Roman", Times, serif;
  52. font-size: 18px;
  53. border-bottom-width: 2px;
  54. border-bottom-style: solid;
  55. border-bottom-color: #0000CC;
  56. }
  57. .navigation {
  58. border-right-width: 2px;
  59. border-right-style: solid;
  60. border-right-color: #0000CC;
  61. padding-left: 5px;
  62. padding-top: 5px;
  63. padding-bottom: 5px;
  64. word-spacing: 5px;
  65. font-size: 12px;
  66. font-family: "Times New Roman", Times, serif;
  67. }
  68. .footer{
  69. font-family: "Times New Roman", Times, serif;
  70. font-size: 10px;
  71. text-align: center;
  72. }
  73. .navigation #other:hover{
  74. text-decoration:underline;
  75. color:#FF0000;
  76. font-family: "Times New Roman", Times, serif;
  77. font-size: 12px;
  78.  
  79. }
  80. .navigation #other:visited{
  81. text-decoration:none;
  82. color:#000000;
  83.  
  84. }
  85. .navigation #other{
  86. text-decoration:none;
  87. color:#000000;
  88.  
  89. }

  1. <td class="navigation"><a id="other" href="index.php?op=faq">FAQ</a><br />
  2. <a id="other" href="index.php?op=promocje">Promocje</a><br /></td>
  3. <td colspan="4"><?php include('functions/site_index.php')?></td>


Będę wdzięczny za pomoc.

glh
Przyznam sie, ze nie sprawdzalem tego, ale na pierwszy rzut oka to w pliku css trzeba zamiast a:active wstawic a:link.
sebap123
Sprawdze to ale na 95% wydaje mi się, że active to nie to samo co link. a:link to jest to samo co zwykle a. A active dodałem ekstra ale ono i tak nie działa bo to jest wcisnięty, ale jak mówiłem ta opcja tez nie chce ruszyć.

EDIT:
To nie to. Cos musi byc innego.
glh
A moj blad, nie zauwazylem ze masz okreslony styl dla linkow (mam na mysli a{...} )
Wywal definicje a:visited z pliku styli.
Musi zadzialac:-)
zegarek84
brakuje Ci a:link dodatkowo visited tak samo opisz jak link:
Kod
a:link,a:visited {
}
a:hover {
}
a:active {
}
sebap123
No teraz działa, ale na przyszłość jak bym chciał dodac jakiś styl do odwiedzonych to co??
zegarek84
to wtedy rozdziel a:link,a:visited - po za tym metody te mają być przed :hover i :active - gdzie z kolei żeby active działało to musi być ostatnie winksmiley.jpg
sebap123
Ok dzięki bardzo za pomoc. Nigdy nie wiedziałem, że kolejsność ma tutaj jakies znaczenie.
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.