TabStopps/Absätze in WB

[Campino]

Hallo ans Forum, ich hab ne ziemlich peinliche Frage...

Und zwar will ich im WB eine Seite mit einer Aufzählung machen. Dazu benötige ich TabStops, also dass die Auflistung an der Selben Stelle beginnen jeweils... In Word und Editor macht man das gewöhnlich mit der "Tab" Taste.

Das Problem ist, dass wenn man im Browser die Tab-Taste drückt, der "Cursor" ja auf eine Schalfläche springt und nicht der eigentliche Tab-Stop ausgeführt wird.

Wenn ich die korrekte Auflistung aus Word kopiere sind die Abstände wieder falsch.

Gibt es da Abhilfe??

[fischstäbchenbrenner]

In HTML gibt es keine Tabulatoren.
Du musst Tabellen verwenden.

[jacobi22]

Listen bieten dir solche Möglichkeiten ebenfalls

Code:

<ul class="quad">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
<li>Text 4</li>
<li>Text 5</li>
</ul>

dazu noch ein passendes Stück CSS

Code:

ul.quad {
padding : 0 0 0 60px;
list-style-image : url(img/list10b.gif);
line-height : 20px;
}

[Campino]

Erstmal danke an euch beide.

@jacobi

Das Problem dabei ist, dass ich eine Auflistung von Leuten mit dazugehöriger Funktion im Verein mache. Das heisst, es kommt der Name und dahinter die Funktion, wo ich den "TabstopP" dann halt brauche.

Name     Funktion

Deshalb funzt das mit den Listen nicht. Ich werds mal in einer Tabelle versuchen.

[fischstäbchenbrenner]

Wenn du es schon in Word hast:

EDIT: Mach Tabellen daraus, in Word

Speichern das Doc als html.
Öffne das mit einem Browser oder (besser) einem HTMl-Editor, oder auch dem normalen Windows-Editor.

Lösche alles vor dem ersten <table>
Lösche alles nach dem letzen </table>

Setze das was übrig bleibt in die Quellcode-Ansicht des WB-Editors.

[Stefek]

Oder Du machst eine Ungeordnete Liste <UL> und verwendest <B> (Fettschrift) für die Namen.

Code:

<ul class="meineListe">
<li><b>Name 1</b> Text 1</li>
<li><b>Name 2</b> Text 2</li>
<li><b>Name 3</b> Text 3</li>
<li><b>Name 4</b> Text 4</li>
<li><b>Name 5</b> Text 5</li>
</ul>

Mit CSS setzt steuerst Du dann die "gleichmäßigen Abstände" nach einem <b>Name X</b>

Ist auf Dauer die einfachste Variante, weil Du direkt im Editor arbeiten kannst.

Gruß,
Stefek

P.S. auf die gleiche Art funktionieren z.B. Tabellenlose Formulare, wie in diesem Beispiel hier:
http://www.cssdrive.com/index.php/examples/exampleitem/tableless_forms/