Ist mir gerade in folgendem Thema aufgefallen.
www.delphi-forum.de/...der=asc&start=20
In diesem www.delphi-forum.de/....php?p=601311#601311 Beitrag sind die Zeilennummern korrekt, aber in diesem hier www.delphi-forum.de/....php?p=601315#601315 sind sie nach unten verschoben, je weiter man runter scrollt. Siehe dazu den angehängten Screenshot.

Ein beliebter Bug, mit dem auch GeSHi zu kämpfen hat.

Ursache ist, dass in <pre> Zeilen, die kursive Zeichen enthalten 1 px höher sind als solche ohne, wenn man Größenangaben in em oder % verwendet.

Das DF hat da einen "Hack", der Kursive genau ein Pixel kleiner macht. Der ist aber buggy

Die Class .codecompilerdirective hält sich für Kursiv und gibt deswegen font-size: 12px an. Das müssten 13px werden.

TUFKAPL, übernehmen Sie!

Man könnte doch einfach statt ner umrandenen div ne liste nehmen, dann müsste es doch gehen (nicht ausprobiert).

wfg Jon S.

Xentar hat folgendes geschrieben :

In diesem www.delphi-forum.de/....php?p=601311#601311 Beitrag sind die Zeilennummern korrekt, aber in diesem hier www.delphi-forum.de/....php?p=601315#601315 sind sie nach unten verschoben, je weiter man runter scrollt. .....

mh..., bei mir nicht, im IE8 !?

EDIT: lol, bezog sich ja auf Firefox!
Gruss Alf

Selbiges Verhalten im Opera Mobile 10.
Wobei bei mir beide Beiträge buggy sind . Aber Christian keine Sorge: nur für mich brauchst du das Forum nicht anpassen. Ich wollte es bloß erwähnen.

JonS hat folgendes geschrieben :

Man könnte doch einfach statt ner umrandenen div ne liste nehmen, dann müsste es doch gehen (nicht ausprobiert).

Aber man kann den Code nicht mehr rauskopieren.
Hat schon so seine Richtigkeit...

Im GeSHi bin ichinzwischen dazu übergegangen eine Tabelle mit zwei Spalten zu nehmen. Im FF und zahlreichen anderen Browsern kann man dann den Code durch Festhalten der Strg+Shift-Taste markieren und entsprechend kopieren.

Anyone who is capable of being elected president should on no account be allowed to do the job.
Ich code EdgeMonkey - In dubio pro Setting.

Ne alternative wäre folgendes: JavaScript-Highlighter

Muss der Benutzer zwar JavaScript auf ON haben, sonst wird nichts gehighlightet, aber für ein Web-Projekt von mir verwend ich den. Hat auch noch gute Anpassungsmöglichkeiten und bringt Copy und View as Plaintext von Haus aus mit

wfg Jon S.

Das ändert aber nix dran, dass der auch nur das umsetzen kann, was HTML kann. Den Fehler mit den Höhenangaben gibt's dort genauso.

Außerdem: Wozu JS-Highlighter einsetzen, wenn es Serverseitig wesentlich besser geht?

Anyone who is capable of being elected president should on no account be allowed to do the job.
Ich code EdgeMonkey - In dubio pro Setting.

Naja, dort gibt es das Problem soweit ich bisher bemerkt habe NICHT. Man kann den Code direkt in die Zwischenablage kopieren oder auch den Code in einem neuen Fenster plain (also ohne Highlighting oder Zeilennummern) ansehen.

Man könnte es ja einfach nach der Serverseitigen Bearbeitung noch einschieben -->
JavaScript = ON: JS-Highlighter
JavaScript = OFF: Normale Geshi-Highlighting

wfg Jon S.

JonS hat folgendes geschrieben :

Man könnte es ja einfach nach der Serverseitigen Bearbeitung noch einschieben --> JavaScript = ON: JS-Highlighter JavaScript = OFF: Normale Geshi-Highlighting

Man oh man, JS macht auch nix anderes als HTML/CSS-Code zu erzeugen. Von daher hat das nix mit dem Problem zu tuen.

Die simple Lösung ist einfacvh, bei pre.sourcecode line-height auf 14px zu setzen (oder 13px, je nachdem was man eher mag )

Heiko hat folgendes geschrieben :

Die simple Lösung ist einfacvh, bei pre.sourcecode line-height auf 14px zu setzen (oder 13px, je nachdem was man eher mag )

Äh, Leute? Der genaue, aufs DF passende Bugfix kam heute Nacht schon von mir.

Der Rest der Diskussion hier gehört in den Mozilla Bugtracker...

Moin,

ich habe gerade eine CSS3-Version des Syntax-Highlighters geschrieben. Der Vorteil dabei ist, dass die Zeilennummern nun gar nicht mehr in HTML stehen, sondern per CSS vom Browser generiert werden. Sie können auch gar nicht von den Sourcezeilen verschoben sein, da jede Zeilennummer direkt mit der Zeile verknüpft ist.

Es funktioniert im Firefox 3.6, Internet Explorer 8, Opera 9, Safari 4 und Google Chrome 3 einwandfrei. Wäre das eine Überlegung wert?

Edit: Der gesamte Quelltext steht in einem <div class="code"> ... </div>, und jede einzelne Zeile gehört in ein <div> ... </div>. An HTML ist das alles.

Grüße,
Yogu

Edit: Mir ist gerade aufgefallen, dass zweistellige Zeilennummern im gleichen Codeblock mehr Platz brauchen als einstellige. Um das zu umgehen können folgende CSS-Regeln zusätzlich verwendet werden:

So passen bis zu vierstellige Nummern rein.

Hey Yogu,

ich habe gerade mit (X)HTML & CSS angefangen und habe mich schon gefragt wie ich wohl so eine Codebox für meine eigene Homepage machen könnte.

Vielen Dank für die Anregung!

Die Idee ist gar nicht mal so schlecht.

Nach www.quirksmode.org/css/contents.html#t15 und www.quirksmode.org/c...reafter_content.html sieht das auch mit der Unterstützung ganz gut aus, nur IE<=7 und was den Counter betrifft Konqueror halt nicht.