Tabs in html

[DeepShadow]

Hallo liebe Forumbewohner,
wie kann ich in html tabs einfügen, ich möchte also einen text in (wenn möglich) mehreren stufen einrücken können....habt ihr da was für mich ?


lg & thx
Dennis

 

[threadi]

AW: >> Tabs in html

Gäbe da 2 Möglichkeiten glaube ich.

1. Um wirklich Tabs zu verwenden müsstest du den Text zwischen <pre> und </pre> schreiben.
2. Die Einrückung per CSS vornehmen (Abstand nach links).

Nachteil von beiden: die Formatierung gilt für den gesamten Text. Du kannst also nicht einfach abwechseln eine Zeile einrücken, die andere nicht.

 

[Zweipunktnull]

AW: >> Tabs in html

Wieso? Er kann doch per CSS jeden Absatz einzeln formatieren, nicht nur ganze Texte...

<p style="padding-left: 0px">Nicht eingerückt</p>
<p style="padding-left: 25px">Etwas eingerückt</p>
<p style="padding-left: 50px">Viel eingerückt</p>

Und so weiter...

 

[DeepShadow]

Da gibts dann bei mir ein Problem, und zwar macht der dann zwischen jedem befehl noch einmal eine zeile frei, & das sieht doof aus. rofl

 

[threadi]

Das ist vermutlich so, weil ein Absatz-Tag <p> bereits einen Außenabstand besitzt. Kannst den auch mit "margin: 0px;" eliminieren.

 

[DeepShadow]

Alles klar, werde ich gleich mal eben ausprobieren. Danke

 

[Zweipunktnull]

wenn du keine absätze willst, dann nimm auch kein absatz-tag...

<div style="padding-left: 0px">Nicht eingerückt</div>
<div style="padding-left: 25px">Etwas eingerückt</div>
<div style="padding-left: 50px">Viel eingerückt</div>

 

[DerEineDa]

Der Tab-Character in HTML ist der ASCII-Code [edit: lol, wird hier nicht umgewandelt, damit man das sehen kann. Hier also was hier vorher stehen sollte:] &#038;#09;

Dummerweise funktioniert der aber nur zwischen <pre>-Tags richtig.