[webdeveloper]

tach jungs (und mädels),

wie kann ich denn auf einer stink-normalen html-seite den eigentlichen quelltext sichtbar darstellen??
ähnlich wie hier im forum...

[webdeveloper]

ok, hab's grad gecheckt...
@mods: könnt den thread entweder löschen offen lassen, falls noch einer das gleiche problem hat...
hier die lösung:

<code>
&lt;div class="outer" title="0"&gt;
</code>

wichtig: die "<" und ">" müssen - genauso wie das "ä" auch, umgewandelt werden...
< – &lt;
> – &gt;

der rest kann so bleiben

[rob]

ich würde die code-tags trotzdem noch mal mit css formatieren.
am besten nutzt du sowas:

code { font-family: monosize; white-space: pre; }

dann kannst du sichergehen, daß auch eine dicktengleiche schrift (wie z.b. courier) verwendet wird und die leerzeichen erhalten bleiben. einige ältere browser ignorieren die code-tags nämlich. das wären ältere konqueror-, safari-, opera-versionen.
netscape und ie hingegen stellen das schon seit den ersten versionen korrekt dar (wenn ich das jetzt richtig in erinnerung hab)...

[webdeveloper]

[rob]

ich seh grad, ich hab mich vertippt. bei der font-family muß natürlich monospace stehen und nicht monosize.

und hast du nicht vielleicht php auf deinem server laufen? dann könntest du code eventuell noch mit highlight_string() anzeigen lassen. das bringt farbiges syntax-highlighting. allerdings weiß ich nicht, ob das bei deinem css-code was bringen würde...

und zu deiner schrift mit css idee kann ich nur sagen: witziges ding! ist aus meiner sicht zwar mehr spielerei als wirklich zum einsatz geeignet, aber ist schon wirklich 'ne coole sache.

[webdeveloper]

[beeviZ]

http://dean.edwards.name/download/

js-highlight.htc (current version: 1.1)
Automatic syntax highlighting for your JavaScript listings.


Ich MEINE das gibts da auf der Seite auch nochmal für alle möglichen anderen Sachen. (xml, html, php, ...)

[Dragi]

Kommt vielleicht etwas spät, aber wenn man keine Lust hat einige Zeichen extra umzuwandeln kann man auch folgenden Code nehmen:

< xmp > hier nun alles mögliche, inkl. html Code z.B. < /xmp >

Leerzeichen natürlich im Tag wegmachen