mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 04.12.2016 11:28 Benutzername: Passwort: Auto-Login

Thema: HTML-Code auf Seite darstellen vom 02.04.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> HTML-Code auf Seite darstellen
Seite: 1, 2  Weiter
Autor Nachricht
webdeveloper
Threadersteller

Dabei seit: 25.05.2003
Ort: SG
Alter: 32
Geschlecht: Männlich
Verfasst Sa 02.04.2005 00:41
Titel

HTML-Code auf Seite darstellen

Antworten mit Zitat Zum Seitenanfang

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...

Code:
<div class="test">hier steht irgendwas</div>


sowas in der art...
habs mal irgendwo gelesen...
hätte es mir aufschreiben sollen <-- Schuld!


gute nacht
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
webdeveloper
Threadersteller

Dabei seit: 25.05.2003
Ort: SG
Alter: 32
Geschlecht: Männlich
Verfasst Sa 02.04.2005 00:47
Titel

Antworten mit Zitat Zum Seitenanfang

* Ich geb auf... * * Mal bisschen die Nase pudern... *

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 39
Geschlecht: Männlich
Verfasst Sa 02.04.2005 02:06
Titel

Antworten mit Zitat Zum Seitenanfang

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)...
  View user's profile Private Nachricht senden
webdeveloper
Threadersteller

Dabei seit: 25.05.2003
Ort: SG
Alter: 32
Geschlecht: Männlich
Verfasst Sa 02.04.2005 03:00
Titel

Antworten mit Zitat Zum Seitenanfang

rob hat geschrieben:
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)...


hab'sch gemacht...
siehe: http://www.plug-one.de/weblog.html?&no_cache=1&tx_eeblog[pointer]=0&tx_eeblog[showUid]=24 *zwinker*
kannst auch gleich mal einen kommentar abgeben
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 39
Geschlecht: Männlich
Verfasst Sa 02.04.2005 03:40
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
webdeveloper
Threadersteller

Dabei seit: 25.05.2003
Ort: SG
Alter: 32
Geschlecht: Männlich
Verfasst Sa 02.04.2005 12:05
Titel

Antworten mit Zitat Zum Seitenanfang

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

jip *zwinker*

rob hat geschrieben:

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...

ja, habe ich auch.
aber die seite ist komplett in typo3 erstellt. und für diese eine seite mache ich da keine ausnahme...

rob hat geschrieben:
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.

richtig.
sobald der text mehr wird denke ich sowieso, dass der browser länger zum parsen braucht, als ein bild zu laden...
aber trotzdem nettes gimmick * Ja, ja, ja... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Sa 02.04.2005 14:32
Titel

Antworten mit Zitat Zum Seitenanfang

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, ...)
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Dragi

Dabei seit: 28.04.2005
Ort: Berlin
Alter: 34
Geschlecht: Männlich
Verfasst Fr 29.04.2005 19:10
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Mit CSS gelayoutetete XML in HTML-Seite darstellen?
Problem mit einer Seite. [HTML Code]
[HTML] Div zentriert darstellen.
Verlauf mit html css oder ähnlichem darstellen?
HTML-Code
Anführungszeichen im HTML-Code
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.