borderstyle i tr?

7 svar · 293 visningar · startad av NETwork 10 juni 2003

NETworkMedlem sedan juni 20011 732 inlägg

Frågan10 juni 2003 11:25#1

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.

SimonGMedlem sedan maj 2000444 inlägg

10 juni 2003 11:32#2

Ä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?

NETworkMedlem sedan juni 20011 732 inlägg

10 juni 2003 11:37#3

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>

SimonGMedlem sedan maj 2000444 inlägg

10 juni 2003 11:39#4

Ah, ok. Det vet jag tyvärr inte på rakarm.
lämnar över till andra.

PepeJeriaMedlem sedan feb. 2003774 inlägg

10 juni 2003 12:26#5

Nej, går ej

elvelindMedlem sedan juli 2002167 inlägg

10 juni 2003 20:15#6

tr.klass td{
.....
}

PepeJeriaMedlem sedan feb. 2003774 inlägg

12 juni 2003 07:15#7

Fast frågan var om det gick att sätta border, och det går inte

jarvkloMedlem sedan juli 20013 378 inlägg

12 juni 2003 18:08#8

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>