Link style
Hej.Jeg sidder og roder med at give links i min <thead> en style, men kan ikke få det til at virke.
Har denne tabel:
<table class="list" align="left" border="0" cellpadding="2" cellspacing="0" width="572">
<thead>
<tr>
<th width="60%" align="left"><a href="" onclick="return sortTable(0);">Titel</a></th>
<th width="29%" align="left"><a href="" onclick="return sortTable(1);">Enhed</a></th>
<th width="11%" align="left"><a href="" onclick="return sortTable(2);">Dato</a></th>
</tr>
</thead>
<tbody id="job_set">
<tr>
<td class="list-item-light" width="60%"><a href="#" target="_blank" class="list"><!-- #echo job.list.titel --></a></td>
<td class="list-item-light" width="29%"><!-- #echo job.list.departments --></td>
<td class="list-item-light"><!-- #echo job.list.deadline --></td>
</tr>
</tbody>
</table>
Min css ser sådan ud:
table.list {
background-color: #ffffff;
border-collapse:collapse;
}
td.list-item-light {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
color: #333;
background-color: #fff;
}
a.list {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color: #17416c;
background-color: #ffffff;
-moz-outline-style: none;
}
a:active.list {
font-size: 11px;
text-decoration: underline;
color: #999999;
background-color: #ffffff;
-moz-outline-style: none;
}
a:visited.list {
font-size: 11px;
text-decoration: underline;
color: #999999;
background-color: #ffffff;
-moz-outline-style: none;
}
a:hover.list {
font-size: 11px;
text-decoration: none;
color: #fff;
background-color: #17416c;
-moz-outline-style: none;
}
- Hvordan får jeg givet de tre onclick-links i <thead> deres egen linkstyle? Hvad skal jeg kalde klassen? Har prøvet med f.eks. a.list th {} men det virker ikke...
