[HTML][CSS]Dziwny błąd z kolorowanie i nowymi klasami linków Opcje

[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:

[HTML] pobierz, plaintext 
@charset "iso-8859-2";
/* CSS Document */
 
body {
	background-color: #FFFFFB;
}
.footer {
	border-top-style: double;
	border-top-color: #0000CC;
	border-top-width: 1px;
}
.menu {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0000CC;
	background-position: bottom;
}
.checked {
	background-image: url(obrazy/menu.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	vertical-align: bottom;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0000CC;
 
}
a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: underline;
	color: #FF0000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
 
.unchecked {
	text-align: center;
	vertical-align: bottom;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0000CC;
}
.navigation {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #0000CC;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	word-spacing: 5px;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
}
.footer{
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	text-align: center;
}
.navigation #other:hover{
	text-decoration:underline;
	color:#FF0000;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
 
}
.navigation #other:visited{
	text-decoration:none;
	color:#000000;
 
}
.navigation #other{
	text-decoration:none;
	color:#000000;
 
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<td class="navigation"><a id="other" href="index.php?op=faq">FAQ</a><br />
     <a id="other" href="index.php?op=promocje">Promocje</a><br /></td>
    <td colspan="4"><?php include('functions/site_index.php')?></td>
[HTML] pobierz, plaintext 

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.

Ten post edytował sebap123 4.12.2009, 16:41:16

[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 {
}

Ten post edytował zegarek84 4.12.2009, 16:43:19

[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 (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował zegarek84 4.12.2009, 16:49:06

[sebap123]

Ok dzięki bardzo za pomoc. Nigdy nie wiedziałem, że kolejsność ma tutaj jakies znaczenie.