CSS: white-space ohne Zeilenumbruch, aber Leerzeichen erhalten

[Klaudiusz]

Hi @all,

Ich möchte den <code>-Tag von Drupal mit CSS formatieren.

Normalerweise könnte ich einfach

  
code{  
  ...  
  white-space:pre;  
  ...  
}  

verwenden und die Leerzeichen würden erhalten bleiben und nach jeder Zeilen einen Zeilenumbruch eingefügt. So hätte ich es auch gerne.

Allerdings generiert Drupal nach jeder Zeile schon automatisch ein <br>, es gibt also zwischen den Code-Zeilen immer eine Leerzeile (das Einrücken funktioniert einwandfrei.)

Ich würde also gerne nur die Leerzeichen erhalten, die Zeilenumbrüche aber "verwerfen". Dazu gibt es für white-space allerdings keine passende Angabe. (Es gibt nur: normal, pre, nowrap, pre-wrap, pre-line).

Gibt es trotzdem eine Möglichkeit das in CSS zu lösen?

[Der Martin]

Hallo,

Ich möchte den <code>-Tag von Drupal mit CSS formatieren.

das code-ELEMENT, nicht den (oder das) Tag.

Ich würde also gerne nur die Leerzeichen erhalten, die Zeilenumbrüche aber "verwerfen". Dazu gibt es für white-space allerdings keine passende Angabe. (Es gibt nur: normal, pre, nowrap, pre-wrap, pre-line).
Gibt es trotzdem eine Möglichkeit das in CSS zu lösen?

Aber sicher. Voilà:

code br  
 { display: none;  
 }

So long,
 Martin

[Klaudiusz]

Perfekt, jetzt ists genau so wie ich es gerne hätte. ;-)

Danke vielmals für die schnellen und hilfreichen Antworten!

Hallo,

Ich möchte den <code>-Tag von Drupal mit CSS formatieren.

das code-ELEMENT, nicht den (oder das) Tag.

Ich würde also gerne nur die Leerzeichen erhalten, die Zeilenumbrüche aber "verwerfen". Dazu gibt es für white-space allerdings keine passende Angabe. (Es gibt nur: normal, pre, nowrap, pre-wrap, pre-line).
Gibt es trotzdem eine Möglichkeit das in CSS zu lösen?

Aber sicher. Voilà:

code br

{ display: none;
}

>   
> So long,  
>  Martin  
> 

[Gunnar Bittersmann]

@@Klaudiusz:

nuqneH

Perfekt, jetzt ists genau so wie ich es gerne hätte. ;-)

TOFU hätten wir gerne nicht.

Qapla'

[Beat]

Gibt es trotzdem eine Möglichkeit das in CSS zu lösen?

was erbringt
br {display:none} ?

Allerdings würde ich das Problem in Drupal lösen.

mfg Beat

[Steel]

Hi!

was erbringt
br {display:none} ?

Das damit bei mir jetzt
"»» was erbringtbr {display:none} ?"
steht.