CSS-Pseudoklassen :active und Verhalten der Browser

Orkan

Folgender mit Sicherheit nicht valider HTML Code ist gegeben:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>


<head>


	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
	<title>Someting</title>

	<style type="text/css">
		<!--
			.f_css  { color: #ffffff; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
			.s_css  { color: #eee; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

			a:active  { color: #22AADD; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
			span:active  { color: #FADA04; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }


			
			a.t_css:link  { color: #FFFFFF; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
			a.t_css:active  { color: #FADA04; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
			a.t_css:visited  { color: #FFFFFF; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
			a.t_css:hover { color: #FADA04; }    
		-->
	</style>


</head>






<body leftmargin="0" topmargin="0" bgcolor="#000000" marginheight="0" marginwidth="0">
	<table border="0" width="180">
		<tbody>
			<tr align="center"> 
				<td width="61"><strong><a href="http://www.mozilla.org" class="t_css">1/1 </a></strong></td>                      
				<td width="61"><span class="s_css"> 1/2 </td>
                <td width="61"><a class="f_css"></a><a class="s_css"> 1/3 </a></td>
         	</tr>

            <tr align="center"> 
            	<td width="61"><strong><a href="http://www.mozilla.org" class="t_css">2/1 </a></strong></td>                      
				<td width="61"><a class="s_css"> 2/2 </a></td>
                <td width="61"><a class="f_css"></a><a class="s_css"> 2/3 </a></td>
			</tr>


		</tbody>
	</table>
</body>
</html>

Alles anzeigen

Verhalten im Firefox:
Klick in die Zellen 1/2 1/3 2/2 2/3 führt zu der jeweiligen Farbänderung und Größenänderung der Schrift.
Klick auf 1/1 2/1 öffnet nur den Link!

Verhalten im IE 6:
Keine Zelle ändert sich.

Verhalten im Opera:
Hab keinen Opera vielleicht kann das mal jemand testen.

Zu beachten: Zellen 1/3 2/2 2/3 sind <a> Tags ohne href Attribut, keine Ahnung warum sich der Webdesigner dafür entschieden hat.

Fragen:
Welcher Browser verhält sich korrekt?Tut das überhaupt einer?
Und darf :active auch auf < span > wirken oder sollte das auf Links(< a >)beschränkt sein?

Gruß

brain

Also soweit ich das überblicken kann macht es der FF richtig. Selbstverständlich kannst du :active, :hover usw. für alles mögliche verwenden, steht denke ich auch in der Spezifikation. Und bei den Links (wo nach deiner Angabe nichts passiert) weiß ich nicht genau, wie FF das interpretiert. Dass IE nichts tut, liegt wahrscheinlich daran, dass er bei der Verwendung der Pseudoklassen nicht so flexibel ist wie der FF.

wupperbayer

Zitat von Orkan

Verhalten im Opera:
Hab keinen Opera vielleicht kann das mal jemand testen.

The same procedure as Firefox. Ich meine, auch mal ganz kurz die beiden Links vergrößert gesehen zu haben... kann auch nur ne Sinnestäuschung sein.

Wawuschel

wers mal selber probieren will http://www.zddv.de/01/test.htm