Du bist nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: HTML, CSS und PHP Forum - HTML Tutorial. Falls dies dein erster Besuch auf dieser Seite ist, lies bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

1

Dienstag, 17. April 2012, 11:14

Auflistung in Tabelle

Hallo zusammen,
ich habe eine Tabelle, in der momentan eine Aufzählung mit Listenpunkten festgelegt ist.
Ich bin mir nicht sicher, ob das die optimale Lösung ist.
Wichtig ist, dass ein Aufzählzeichen (egal ob Bullet oder Gedankenstrich) vor dem Absatz steht und das der Text insgesamt eingerückt ist.
Die momentane Lösung sieht so aus:

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table>
<tr valign="top">
<td width="53%" colspan="2" bgcolor="#B0E0E6">Formulierungen in den Zulassungen:</td>
<td bgcolor="aqua">Erl&auml;uterungen:</td>
</tr>
<tr valign="top">
<td colspan="2">Ein Erläuternder Text, dem eine Aufzählung folgen muss.</td>
<td bgcolor="aqua">Erläuternder Text</td>
</tr>
<tr valign="top">
<td>E 2</td>
<td><ul><li>Der erste Punkt der Aufzählung</li></ul></td>
<td bgcolor="aqua">Erläuternder Text</td>
</tr>
<tr valign="top">
<td>E 3</td>
<td><ul><li>Der zweite Punkt der Aufzählung</li></ul></td>
<td bgcolor="aqua">Erläuternder Text</td>
</tr>
</table>

Ich habe es schon wie unten versucht. Da der Text über drei oder vier Zeilen geht, ist dann nur die erste Zeile eingerückt.

Quellcode

1
<td>&bull;<div style="padding-left: 15px;">erster Aufzählungspunkt</div></td>

Macht es überhaupt sinn, nach einer alternative zu suchen? Oder bleibt man doch bei der Aufzählung mit <li>?

Eine etwas zweifelnde
anna

2

Donnerstag, 26. April 2012, 11:28

Hallo anna,
wenn du nur eine Aufzählung brauchst, ist <li> am besten geeignet. Hast du aber mehrere Spalten, ist eine Tabelle sinnvoll.
Die Einrückung kannst du per CSS machen. Also z.B.:

Quellcode

1
2
3
4
5
6
7
<table>
<tr>
<td>Spalte 1</td>
<td style="padding-left: 15px;">Spalte 2</td>
<td>Spalte 3</td>
</tr>
</table>


Oder noch besser, du gibst den Spalten Klassen:


Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
CSS:
.spalte1 { color: #ff0000; }
.spalte2 { padding-left: 15px; }
.spalte3 { padding-left: 5px; }

HTML:
<table>
<tr>
<td class="spalte1">Spalte 1</td>
<td class="spalte2">Spalte 2</td>
<td class="spalte3">Spalte 3</td>
</tr>
</table>


LG
Conny

3

Donnerstag, 26. April 2012, 12:06

Du hast Fragen zum Board, Kritik, Lob, Anregungen oder dich stört etwas? Einfach eine private Nachricht senden.
<(o.o)> I always know what I du!

4

Mittwoch, 2. Mai 2012, 11:21

Danke !!

Hallo Conny,
danke für die Hilfe.
Ich werde es also so lassen, wie es bisher war.

LG Anna

Ähnliche Themen