Board Resolved Bugs/Tasks - Thread Syntax Highliting +Zeilennummern

[thread]54[/thread]

Syntax Highliting +Zeilennummern

Leser: 10

Articles: hide open all | hide show old branches

+8 replies
LanX

2009-03-05 23:57
User since
2009-03-04
76 Artikel
BenutzerIn
siehe auch Syntax highlighting bzw. http://battie.perl-community.de/bat/poard/view_message/57

Hab mich mal durch die CSS gekämpft und experimentiert... das ist ein ziemliches Kuddelmuddle weil der gehighlightete Code von einem exterenen Programm stammt (Generator: GNU source-highlight 2.4) und weil die fetten Keywords die Zeilenhöhe verzerren.

Schnelle Hilfe:
in poard.css muss tt in code eingestellt werden.
Code: (dl )

1 2 3 4 5 6 7 8 9 10 11

.code pre { border: 1px solid black; font: 11px Courier New, Courier, Fixed; background-color: #f8f8f8; // font-weight: bold; } .code tt { font: 11px Courier New, Courier, Fixed; // font-weight: bold; }
Auch habe ich den Hintergrund aufgehellt und schlage vor Code fett zu zeichen, (so wie in O'Reilly-Büchern) habs aber auskommentiert.

UPDATE: ausserdem sollte der ungefärbte Code aus Symmetriegründen auch in <tt> geklammert werden! (dann kann man sich das CSS für pre auch sparen)
Last edited: 2009-03-06 08:25:02 +0100 (CET)
- +2 replies
- GwenDragon
  
  2009-03-06 08:43
  User since
  2009-03-02
  141 Artikel
  ModeratorIn
  Zur Unterscheidung:
  code kennzeichnet als logisches HTML-Element Quellcode.
  tt ist eine Formatauszeichnung für Typewriter Text, also Monospace.
  
  Quellcode gehört für mich sinngemäß in <code></code> gestellt, Browser können das dann auch korrekt auszeichnen.
  Damit die Formatierung stimmt:
  Am besten so:
  
  Code (html): (dl )
  
  1 2 3 4 5 6 7 8
  
  <pre><code> # das ist Perl my $test = 0; if ($test) { print ('aha'); } </code></pre>
  
  Last edited: 2009-03-06 08:47:52 +0100 (CET)
  Packagebeilage: Beispiele können bei Anfängern Irritationen hervor rufen und validieren nicht immer Conways PBP.
  - LanX
    
    2009-03-06 10:05
    
    User since
    2009-03-04
    76 Artikel
    BenutzerIn
    
    wie gesagt produziert "GNU source-highlight 2.4" die <tt>s , <code> tags kommen nicht vor. Aber eine CSS-Klasse code aus dem poard.
    
    außerdem müssen die Zeilennummern ja auch class=code sein, damit der Zeilenabstand stimmt.
    
    am besten du schaust dir mal den HTML-Quelltext an...
    
    vielleicht findest du ja ne Konfigurationsoption bei "source-highlight" um <code>-tags statt <tt> zu produzieren.
    Last edited: 2009-03-06 10:14:43 +0100 (CET)
- +4 replies
- pq
  
  2009-03-06 17:18
  
  User since
  2009-03-02
  341 Artikel
  Admin
  
  bitte nochmal schauen, ich hab ein bisschen was geändert. bei mir sieht es nun in FF und opera gut aus.
  insert sig here
  - +3 replies
  - LanX
    
    2009-03-06 18:24
    User since
    2009-03-04
    76 Artikel
    BenutzerIn
    
    ja klappt!
    
    jetzt ist der ungefärbter Code auch so groß wie ungefärbter. 8 )
    
    Es gibt nur Kleinigkeiten mit dem Rand:
    Es gibt ein komischen Effekt am rechten rand der zeilennummern, eine ausgelassene Linie, das siehts du am besten wenn du auf das theme "light" wechselst.
    
    vermute es liegt an:
    
    Code (html): (dl )
    
    1 2 3
    
    ...<td class="codelines" valign="top" width="15"> <div class="codelines">...
    
    ich denke es würde im unteren div schon reichen...(?)
    - +2 replies
    - pq
      
      2009-03-07 15:19
      
      User since
      2009-03-02
      341 Artikel
      Admin
      
      2009-03-06T17:24:48 LanX
      Es gibt ein komischen Effekt am rechten rand der zeilennummern, eine ausgelassene Linie, das siehts du am besten wenn du auf das theme "light" wechselst.
      
      jetzt ist die linie weg, oder?
      insert sig here
      - LanX
        
        2009-03-07 16:47
        
        User since
        2009-03-04
        76 Artikel
        BenutzerIn
        
        2009-03-07T14:19:41 pq
        jetzt ist die linie weg, oder?
        
        yep! obwohl der kleine abstand zwischen zeilennummern und code ein bisschen auffällt (da schimmert wg padding der Hintergrund durch).
        
        Muss da überhaupt ein Border sein, wieso können Zeilennummern nicht im gleichen Rahmen sein?
        ... naja Geschmackssache!
        Last edited: 2009-03-07 16:52:37 +0100 (CET)
- pq
  
  2009-03-08 15:44
  
  User since
  2009-03-02
  341 Artikel
  Admin
  
  Move from Bugs to Resolved Bugs/Tasks
  insert sig here

View all threads created 2009-03-05 23:57.