Problem mit dem Abstand zischen Tabellen

NyR14 · 24.03.2007, 21:59

Hallo,

Ich habe zwar HtML Grundkentnisse und weiss auch wie man eine Tabelle erstellt aber wie man den Abstand zwischen Tabelle x und Tabelle y einstellt nicht.

Um es etwas genauer zu sagen:
Ich mache in einem HtML-Dokument zwei Tabellen, alles funktionier aber ich habe zwischen den Tabellen einen Abstand von ca. 5-6 Zeilen.
Wie bekomme ich diesen Abstand raus?

MfG

SonKite · 24.03.2007, 22:43

Sei doch bitte so nett und zeig uns ein Beispiel. Ist sonst kaum möglich dein Problem zu verstehen.

Gruß
Stefan

NyR14 · 25.03.2007, 09:31

Code:

<html>
<body>
<table border="1" cellspacing="0">
<tr>
<th>
text
<tr>
<br>
<td>
text2
<tr>
<br>
<td>
text3
<tr>
<br>
<td>
usw.
</table>
<table border="1" cellspacing="0">
<tr>
<th>
text
<tr>
<br>
<td>
text2
<tr>
<br>
<td>
text3
<tr>
<br>
<td>
usw.
</table>
</body>
</html>

Wenn ich das als .html speichere und mit FF öffne kommt zwischen den Tabellen je nach Tabellenzeilen ein mittlerer bis großer Abstand.

MfG

Mich@el · 25.03.2007, 12:02

Hallo NyR14.
Falls Du Dich ein wenig mit CSS beschäftigen möchtest... es bietet sehr viele Möglichkeiten, wie Du eine Tabelle aussehen lassen kannst.
Ein Beispiel:

PHP-Code:


			
<style type="text/css">

/* <![CDATA[ */

table {

      border-collapse: collapse;  }

td, th {

      width: 70px;

      height: 20px;

      border: 1px solid #807459;

      text-align: center;

}

.spalte1 { background-color: #CCBA8F; }

/* ]]> */

</style>

HTML:

PHP-Code:


			
<body>

<table>

<colgroup>

<col class="spalte1"  />

</colgroup>

<tr>

<th>Spalte 1</th>

</tr>

<tr>

<td>Zelle 1</td>

</tr>

<tr>

<td>Zelle 2</td>

</tr>

<tr>

<td>Zelle 3</td>

</tr>

<tr>

<td>Zelle 4</td>

</tr>

<tr>

<td>Zelle 5</td>

</tr>

<tr>

<td>Zelle 6</td>

</tr>

</table>



</body>

Grüße
Michael