Mittwoch, 13. August 2008

Wie man Codetags in html realisiert

Eine ganze Weile schon habe ich mich daran gestört, dass ich hier keine ordentlichen code-tags zur Verfügung habe. Zumindest dachte ich das :)

Zuerst wollte ich mir durch ein div class="code" helfen.
Problem dabei: Es wurde immer noch umgebrochen wo möglich, anstatt in einer Zeile zu lassen, was in eine Zeile gehört. Auch Leerzeichen wurde ignoriert.

Lösung: Das pre-tag, bei mir in der css wie folgt definiert:
pre {
    font-family: monospace;
    margin: 0 14px 5px 14px;
    padding: 2px 0 2px 10px;
    border: 1px solid #bbb;
    font-size:1.1em;
    text-align:none;
    overflow:auto;
}

Aktuelle Beiträge

Freut mich das sie hilft...
Freut mich das sie hilft :)
onli - 5. Apr, 00:08
Endlich mal eine einfache...
Endlich mal eine einfache Erklärung im Internet. Vielen...
Mark (Gast) - 4. Apr, 20:34
Wenn die Pfeile a b in...
Wenn die Pfeile a b in zwei verschiedene Gruppen zeigen,...
onli - 17. Dez, 15:47
danke für die erklärung....
danke für die erklärung. ist auf jeden fall verständlicher,...
Puppetmaster87 (Gast) - 17. Dez, 14:45
wird gemacht
Danke. Ich werde Chrome weiterverfolgen. Nächstes Mal...
onli - 8. Sep, 09:27

Suche

 

Status

Online seit 6163 Tagen
Zuletzt aktualisiert: 26. Okt, 22:10

Credits

Statistik


about
Codebezogenes
Informatik
Spiele
Technikzeugs
Textformen
Videos und Musik
Zeitgeschehen
Profil
Abmelden
Weblog abonnieren