Tab.rahmen umständlich... Optimierung?
Arnie
- css
0 JürgenB
Hallo miteinander,
mein letzter Woche eingestellter Thread ist leider eingeschlafen, daher an dieser Stelle auf ein Neues.
Ich habe es mittlerweile geschafft, die Tabellenumrandung so zu gestalten, wie ich es wollte, jedoch sieht das alles sehr, sehr umständlich aus...
Daher meine Frage kann man an Nachfolgendem noch was optimieren?
<style type="text/css">
.rahmen1 { border-width:1px; border-color:#000000; border-style:solid;}
.rahmenO { border-right-width:1px; border-bottom-width:1px; border-top-width:0px; border-left-width:0px; border-color:#000000; border-style:solid;}
.rahmenU { border-right-width:1px; border-bottom-width:0px; border-top-width:0px; border-left-width:0px; border-color:#000000; border-style:solid;}
.rahmenL { border-right-width:0px; border-bottom-width:1px; border-top-width:0px; border-left-width:0px; border-color:#000000; border-style:solid;}
</style>
<table class="rahmen1" cellspacing="0" cellpadding="5" width="100%">
<tr>
<td class="rahmenO">Test 1</td>
<td class="rahmenO">Test 2</td>
<td class="rahmenL">Test 3</td>
</tr><tr>
<td class="rahmenU">Test 1</td>
<td class="rahmenU">Test 2</td>
<td>Test 3</td>
</tr>
</table>
Kann ja nicht angehen, daß ich für ne "stinknormale" Tabellenumrandung soviel Text schreiben muß, oder?
MfG
Arnie
Hallo Arnie,
versuch mal
.tabelle { border:1px solid black; border-spacing:0px; border-collapse:collapse }
.tabelle td { border:1px solid black; border-spacing:0px; border-collapse:collapse }
<table class="tabelle" cellspacing="0" cellpadding="5" width="100%">
<tr>
<td>Test 1</td>
<td>Test 2</td>
<td>Test 3</td>
</tr><tr>
<td >Test 1</td>
<td>Test 2</td>
<td>Test 3</td>
</tr>
</table>
Gruß, Jürgen