<table> und <style>: Kein Border vorhanden zwischen zwei Zeilen. Warum?

Tackleberry

Mitglied
Hallo,

ich werde gerade wegen eines Problem mit <table> und <style> wahnsinnig. Ich muss <style> verwenden weil ich eine externes Tool nutze und dort kein css definieren kann. Das Problem ist, das zwischen der Zeile von Smartphone 5 und Smartphone 6 kein Border angezeigt wird. Wenn ich <style> entferne und die nackte HTML Tabelle nutze. Ist alles da. Woran könnte das liegen?

HTML:
<style type="text/css">
.tftable {font-size:12px;color:#333333;border-width: 1px;border-color: #000000;border-collapse: collapse;margin-left:auto;margin-right:auto;}
.tftable th {font-size:12px;background-color:#BAD0FF;border-width: 1px;padding: 8px;border-style: solid;border-color: #000000;text-align:left;}
.tftable tr {background-color:#FFFFFF;}
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #000000;}
</style>

<table border="1" class="tftable">
<tr>
<th>
</td>
<th>
Akkulaufzeit
</th>
<th>
Bildqualität der Kamera
</th>
<th>
Bediengeschwindigkeit / Performance
</th>
<th>
Integrierter Speicher
</th>
</tr>

<tr>
<td>
<b>Smartphone 1</b>
</td>
<td>
mittel
</td>
<td>
mittel
</td>
<td>
schnell
</td>
<td>
8 GB
</td>
</tr>

<tr>
<td>
<b>Smartphone 2</b>
</td>
<td>
mittel
</td>
<td>
hoch
</td>
<td>
langsam
</td>
<td>
16 GB
</td>
</tr>

<tr>
<td>
<b>Smartphone 3</b>
</td>
<td>
lang
</td>
<td>
gering
</td>
<td>
schnell
</td>
<td>
16 GB
</td>
</tr>

<tr>
<td>
<b>Smartphone 4</b>
</td>
<td>
lang
</td>
<td>
hoch
</td>
<td>
mittel
</td>
<td>
8 GB
</td>
</tr>

<tr>
<td>
<b>Smartphone 5</b>
</td>
<td>
lang
</td>
<td>
mittel
</td>
<td>
langsam
</td>
<td>
32 GB
</td>
</tr>

<tr>
<td>
<b>Smartphone 6</b>
</td>
<td>
kurz
</td>
<td>
hoch
</td>
<td>
schnell
</td>
<td>
32 GB
</td>
</tr>

<tr>
<td>
<b>Smartphone 7</b>
</td>
<td>
kurz
</td>
<td>
gering
</td>
<td>
langsam
</td>
<td>
8 GB
</td>
</tr>

<tr>
<td>
<b>Smartphone 8</b>
</td>
<td>
mittel
</td>
<td>
gering
</td>
<td>
mittel
</td>
<td>
32 GB
</td>
</tr>

<tr>
<td>
<b>Smartphone 9</b>
</td>
<td>
kurz
</td>
<td>
mittel
</td>
<td>
langsam
</td>
<td>
16 GB
</td>
</tr>

</table>
<br>
<br>
 
Hallo,
@Alice: Sei mir bitte nicht böse, aber inwiefern hilft dein Beitrag dem Threadersteller?
Auch ist mir nicht ersichtlich was sich gestalterisch bei dir geändert hat?

Viele Grüße
 
Es befanden sich Fehler im Quelltext. Zusätzlich habe ich das ganze etwas aufgepeppt. :) Nicht wildes und vorallem lauffähig.
 
Zuletzt bearbeitet:
Zurück