[HTML/CSS]Leerzeichen an Zeilenanfang

[malo]

Wie kann man in HTML an den Zeilenanfang Leerzeichen setzen? :?

Wenn ich einfach Leerzeichen dahin setze, wird das leider ignoriert :(

[Wuaegner]

Delphi-Quellcode:

[malo]

Ah, danke :)

[moritz]

Oder du machst es so:

Code:

<div style="margin-left: 7px">Dein Text</div>

Alternativ gäbe es auch noch

Code:

<div style="padding-left: 7px">Dein Text</div>

Kommt im Prinzip auf's gleiche raus, kommt halt drauf an, was du brauchst. Ich würde zur Margin-Lösung raten.

Gruß

[Garfield]

Dann könnte man noch den <pre> Tag für vorformatierten Text anführen.
http://de.selfhtml.org/html/text/praeformatiert.htm

[malo]

Zitat:

Zitat von Garfield

Dann könnte man noch den <pre> Tag für vorformatierten Text anführen.
http://de.selfhtml.org/html/text/praeformatiert.htm

Wunderbar! Genau das ist es, war nämlich auch für Quellcode gedacht :)

[moritz]

Dann solltest du es aber nach der neuen Spezifikation machen:

Code:

...

<style type="text/css">
  .codebox {
    border:           1px solid #000000;
    background-color: #F2F2F2;
    white-space:      pre;
    font-family:      Courier New, Courier, Cursive;
    font-size:        9pt;
  }
</style>

...

<div class="codebox">Dein Code</div>

...

(Sollte Funktionieren, ist aber nicht getestet)

Damit erreichst du das gleiche, allerdings nach XHTML-Spezifikation. (<pre> ist AFAIK veraltet.)

Gruß, Moritz

[malo]

Da werden aber die Zeilenumbrüche nicht automatisch gesetzt ;)

[moritz]

Schau das bei dir korrekt aus? Also eingedrückt?
Edit: Versuch's mal mit p statt div. Und wie schaut das Ergebnis denn aus? URL?

[malo]

Ich hab das nur lokal auf meiner Festplatte, aber ich hab folgenden Code:

Code:

<p class="code">
program HalloWelt;

{$APPTYPE CONSOLE}

uses
  SysUtils;

begin
  WriteLn('Hallo Welt!');
  ReadLn;
end.</p>

Der wird nicht eingerückt angezeigt. Im Firefox wird die Seite von Selfhtml richtig angezeigt (eingerückt). Allerdings hab ich nicht wirklich Lust, jetzt darum zu streiten, wie man das ohne den <pre>-Tag lösen kann, da ich damit 100% zufrieden bin. ;)

[Garfield]

Zitat:

Zitat von moritz

(<pre> ist AFAIK veraltet.)

Ich benutze für meine paar Snippets auch <pre>. Ob es veraltet ist, ist mir dabei egal. Wichtig ist, dass es in den Browsern (Teste mit Firefox, Opera und IE) richtig angezeigt wird. Was nützt eine neue Spezifikation, wenn die Seite dann nicht immer korrekt angezeigt wird? Oder man muss dann eine Browserweiche einbauen. :|