Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Dziwny błąd z kolorowanie i nowymi klasami linków
sebap123
post
Post #1





Grupa: Zarejestrowani
Postów: 253
Pomógł: 1
Dołączył: 26.08.2009
Skąd: Szczecin

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


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.

Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 11:19