ich hab gelesen das ich die a: in klassen aufteilen muss um das umzusetzen. dann hab ich es so versucht:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type = "text/css">
a.klasse_1:link {text-decoration:none; color:#0F0; font-family:Tahoma; font-size:14px;}
a.klasse_1:visited {text-decoration:none; color:#0F0;}
a.klasse_1:hover, a.klasse_1:active, a.klasse_1:focus {text-decoration:none;}
a.klasse_2:link {text-decoration:none; color:#F00; font-family:Tahoma; font-size:14px;}
a.klasse_2:visited {text-decoration:none; color:#F00;}
a.klasse_2:hover, a.klasse_2:active, a.klasse_2:focus {text-decoration:none;}
td {
font-family: Tahoma;
font-size: 14px;
color: #FFF;
background-color: #000;
}
td span {
float: right;
margin-right:2px;
width:inherit;
}
</style>
</head>
<body>
<table>
<tr>
<td style="width:90px; border:none;">12jul. 19.00</td>
<td style="width:230px;"><a href="" class="klasse_1"><div>NIKE AIR MAX<span>60euro</span></div></a></td>
<td style="width:230px;"><a href="" class="klasse_1"><div>NIKE AIR MAX<span>60euro</span></div></a></td>
<td style="width:230px;"><a href="" class="klasse_1"><div>NIKE AIR MAX<span>60euro</span></div></a></td>
</tr>
</table>
<table>
<tr>
<td style="width:90px; border:none;">12jul. 19.00</td>
<td style="width:230px;"><a href="" class="klasse_2"><div>NIKE AIR MAX<span>60euro</span></div></a></td>
<td style="width:230px;"><a href="" class="klasse_2"><div>NIKE AIR MAX<span>60euro</span></div></a></td>
<td style="width:230px;"><a href="" class="klasse_2"><div>NIKE AIR MAX<span>60euro</span></div></a></td>
</tr>
</table>
</body>
</html>
ich wollte auch die hover trennen das hab ich so gemacht leider ohne erfolg:
a.klasse_1:hover { text-decoration:none; background-color:#00F;}
a.klasse_2:hover { text-decoration:none; background-color:#6F0;}
td.a.klasse_1:hover { text-decoration:none; background-color:#00F;}
td.a.klasse_2:hover { text-decoration:none; background-color:#6F0;}
naja ich hab die links trennen können
-aber hover trennen fehlt mir noch
-die zelle ganz links möchte ich ohne hover
-und wenn man die seite minimiert bricht die TD Zelle ungewöhnlich schnell, guckt mal bitte ob das normal ist