7 svar · 293 visningar · startad av NETwork
Har följande:
<tr>
<td>blah...</td>
<td>blah...</td>
<td>blah...</td>
<td>osv...</td>
</tr>
Kan man på nåt sätt i tr-taggen ange att man vill ha en boprder (border-bottom:dashed 1px #aa2211) eller måste man ange detta i varje td-tagg? Det blir så omständigt med en style på varje td-tagg.
Är väll bara att lägga det i en separat css mall med <td> istället för <tr>?
Eller missuppfattar jag dig nu?
Vill alltså skriva så här:
<tr class="min underlinje-klass">
<td></td>
<td></td>
<td></td>
</tr>
Inte så här:
<tr>
<td class="min underlinje-klass"></td>
<td class="min underlinje-klass"></td>
<td class="min underlinje-klass"></td>
</tr>
Ah, ok. Det vet jag tyvärr inte på rakarm.
lämnar över till andra.
Nej, går ej
<tr class="klass">
<td>blah...</td>
<td>blah...</td>
<td>blah...</td>
<td>osv...</td>
</tr>
tr.klass td{
.....
}
Fast frågan var om det gick att sätta border, och det går inte
Nej det är sant att man inte kan använda tr direkt för att sätta border i vissa webbläsare (som t.ex. MSIE - det går att få det att funka i Mozilla!), men - som elvelind redan visat - man kan komma förbi problemet såhär (två exempel):
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
table {
border-collapse: collapse;
border: 1px solid black;
}
td {width:150px}
table.exempel1 td {
border-bottom: 1px dotted maroon;
}
tr.streckad td {
border-bottom: 1px dotted maroon;
}
-->
</style>
</head>
<body>
<h1>Alla rader i tabellen får streckad nederkant</h1>
<table class="exempel1">
<tr>
<td>Blä</td><td>Bla</td><td>Bluttan</td><td>Blö</td>
</tr>
<tr>
<td>Blä</td><td>Bla</td><td>Bluttan</td><td>Blö</td>
</tr>
<tr>
<td>Blä</td><td>Bla</td><td>Bluttan</td><td>Blö</td>
</tr>
</tr>
</table>
<hr />
<h1>Enstaka rad med alla celler understrukna</h1>
<table>
<tr>
<td>Blä</td><td>Bla</td><td>Bluttan</td><td>Blö</td>
</tr>
<tr class="streckad">
<td>Blä</td><td>Bla</td><td>Bluttan</td><td>Blö</td>
</tr>
<tr>
<td>Blä</td><td>Bla</td><td>Bluttan</td><td>Blö</td>
</tr>
</tr>
</table>
</body>
</html>