"Schiefe" Textgestaltung durch Tables? (BEISPIEL dabei)

[Mike B]

Hallo, ich wollte fragen ob ihr einen Weg kennt, einen Text schief zu gestalten, ohne alles mit Leerzeichen machen zu müssen, sprich:

.....Hallo
....es ist
...Mittwoch
..der 25.10.
.Schönen Tag

die Punkte sollten wegfallen, die wurden bisher mit leerzeichen ersetzt

gibt es da irgendeine Möglichkeit in HTML Dokumenten dies einzurichten? wie ist eigentlich egal, hauptsache es wird so angezeigt ;)

Dankeschön schonmal für eure Aufmerksamkeit

[opi]

Hallo Mike,

.....Hallo
....es ist
...Mittwoch
..der 25.10.
.Schönen Tag

das p-Element beispielsweise zeigt soviele Leerzeichen an, wie
tatsächlich da sind.

Greez,
opi

[Ashura]

Hallo opi.

das p-Element beispielsweise zeigt soviele Leerzeichen an, wie
tatsächlich da sind.

Du meinst sicher das pre-Element.

Einen schönen Mittwoch noch.

Gruß, Ashura

[opi]

Hallo Ashura,

das p-Element beispielsweise zeigt soviele Leerzeichen an, wie
tatsächlich da sind.

Du meinst sicher das pre-Element.

Präformatierter Text natürlich. Sorry.

Greez,
opi

[Mike B]

Also die anzeige der leerzeichen macht mir erstmal keine sorgen, nur ist es relativ primitiv, so aufgebaut, und ich dachte mir da müsste es irgend einen anderen weg geben

das ist ein ausschnitt der hintergrundgrafik:
http://www.vicions.com/052/bg.jpg
und links an den strich sollte es mit jeweils einer leerstelle weniger pro zeile angepasst werden, nach rechts ganz regulär nach unten, falls mal 2-5 zeichen in ner zeile fehlen macht das nichts, hauptsache links ist das so exakt mit den zeichen, da der rand so verläuft

[wahsaga]

hi,

.....Hallo
....es ist
...Mittwoch
..der 25.10.
.Schönen Tag

die Punkte sollten wegfallen, die wurden bisher mit leerzeichen ersetzt

Wenn ich mir auf der rechten Seite ebenfalls noch Punkte hinzudenke - sind das dann nicht einfach fünf Zeilen Text, der jeweils zentriert dargestellt werden soll ...?

gruß,
wahsaga

[opi]

Hallo wahsaga,

.....Hallo
....es ist
...Mittwoch
..der 25.10.
.Schönen Tag

die Punkte sollten wegfallen, die wurden bisher mit leerzeichen ersetzt

Wenn ich mir auf der rechten Seite ebenfalls noch Punkte hinzudenke - sind das dann nicht einfach fünf Zeilen Text, der jeweils zentriert dargestellt werden soll ...?

dann wäre der Gedanke ja zentriert und nicht "schief" :-)

ich wollte fragen ob ihr einen Weg kennt, einen Text schief zu gestalten

Greez,
opi

[Mike B]

hi,

.....Hallo
....es ist
...Mittwoch
..der 25.10.
.Schönen Tag

die Punkte sollten wegfallen, die wurden bisher mit leerzeichen ersetzt

Wenn ich mir auf der rechten Seite ebenfalls noch Punkte hinzudenke - sind das dann nicht einfach fünf Zeilen Text, der jeweils zentriert dargestellt werden soll ...?

gruß,
wahsaga

nicht ganz, es war etwas zu wenig ausformuliert, aber nach rechts sollte es so nah wie möglich an einen linearen rand

das ist ein ausschnitt der hintergrundgrafik:
http://www.vicions.com/052/bg.jpg
und links an den strich sollte es mit jeweils einer leerstelle weniger pro zeile angepasst werden, nach rechts ganz regulär nach unten, falls mal 2-5 zeichen in ner zeile fehlen macht das nichts, hauptsache links ist das so exakt mit den zeichen, da der rand so verläuft

[Siechfred]

Tag Mike.

Hallo, ich wollte fragen ob ihr einen Weg kennt, einen Text schief zu gestalten, ohne alles mit Leerzeichen machen zu müssen, sprich:

.....Hallo
....es ist
...Mittwoch
..der 25.10.
.Schönen Tag

die Punkte sollten wegfallen, die wurden bisher mit leerzeichen ersetzt

Weise dem umgebenden Element text-align:center zu. Beispiel:

<table>  
  <tr>  
    <td style="text-align:center">  
      Hallo<br>  
      es ist<br>  
      Mittwoch<br>  
      der 25.10.<br>  
      Schönen Tag!  
    </td>  
  </tr>  
</table>

Siechfred

[Mike B]

Tag Mike.

Hallo, ich wollte fragen ob ihr einen Weg kennt, einen Text schief zu gestalten, ohne alles mit Leerzeichen machen zu müssen, sprich:

.....Hallo
....es ist
...Mittwoch
..der 25.10.
.Schönen Tag

die Punkte sollten wegfallen, die wurden bisher mit leerzeichen ersetzt

Weise dem umgebenden Element text-align:center zu. Beispiel:

<table>

<tr>
    <td style="text-align:center">
      Hallo<br>
      es ist<br>
      Mittwoch<br>
      der 25.10.<br>
      Schönen Tag!
    </td>
  </tr>
</table>

>   
> Siechfred  
  
es kam jetzt wohl nicht so gut rüber - aber ich habe eine grafik im hintergrund die von unten links nach rechts oben linear verläuft, und ich will den text entsprechend anpassen, sprich die punkte müssen exakt einem zeichen entsprechen und nach rechts sollte es in etwa eine linie ergeben  
d.h. mit dem center komme ich nur ungefähr hin, jedoch nicht exakt immer ein zeichenabstand weniger zum rand pro zeile, wie ich das eigentlich wollte ;)

[Kalle_]

Hallo, Mike,

hier ein Beispiel für eingerückten Text in Tabellenfeldern:
http://www.landhaus-laise.de

Die Texte sind innerhalb des <td> rechtsbündig. Damit es jedoch bei verschieden langen Texten gleichmäßig aussieht, habe ich mit word-spacing und letter-spacing gearbeitet.

Lieben Gruß, Kalle

[Gernot Back]

Hallo Mike,

wie wäre es denn statt Tabellen mal mit einer leckeren DIV-Suppe?

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html>  
<head>  
<title>Treppentext</title>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<style type="text/css">  
[code lang=css]  
#treppe div {  
  padding-left:1em;  
}

</style>
</head>
<body>
<div id="treppe"><div><div><div><div>
   Hallo</div>
   es ist</div>
   Mittwoch</div>
   der 25.10.</div>
   Schönen Tag</div>
</body>
</html>[/code]

Gruß Gernot

[Mike B]

wow klasse, besten dank dir!!