[Raven]

Hallo,

gibt es die Möglichkeit, dass man den {code}{/code} so einstellen kann, dass man keinen automatischen Zeilenumbruch bekommt, wenn der Code breiter ist als das Fenster? Also das dan unten ein Scrollbalken erscheint, dass man nach rechts Scrollen kann, um den rest des Codes zu sehen.

Gruß
Raven

[querschlaeger]

Hallo,
suche im Stylesheet nach .codeblock code und füge folgendes hinzu:

Code:

max-width:600px;
white-space:nowrap;
width:auto;

max-width musst du deiner Forenbreite entsprechend anpassen.

grüße querschlaeger

[Raven]

Sieht soweit gut aus, aber kann man die Breite nicht variable einstellen? Ich meine, weil einige einen 4:3 Monitor haben und andere einen 16:9 LCD haben. So sieht es für entweder dem einen oder dem anderen doof aus.

Gruß
Raven

[StefanT]

Da machen dir manche Browser eine Strich durch die Rechnung...
Wenn keine feste Breite angegeben ist, wird das teilweise ignoriert.

[Jockl]

Ich muss diesen Thread mal herauskramen...

Für den PHP-Codeblock habe ich in der global.css zusätzlich folgende Zeilen eingetragen

Code:

.codeblock phpcodeblock {
    overflow: auto;
    height: auto;
    width: auto;
    white-space:nowrap;
    max-height: 200px;
    max-width: 400px;
    display: block;
    padding: 4px;
    margin: 0px 10px 15px 10px;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

Leider erscheint kein Scrollbalken. Stattdessen zerreißt es mir weiterhin das Forum, wenn ich Codezeilen einfüge, die recht lang sind. Oder kann es sein, dass bei entsprechend langen Zeilen einfach kein Umbruch stattfindet?

Über eine Hilfestellung würde ich mich freuen.

[StefanT]

Hast du einen Beispiel-Link? Dieser Code betrifft nur PHP-Code.

[linwinman]

Hallo Jockl,

versuche es einmal mit

Code:

.codeblock, .phpcodeblock {
...
}

[StefanT]

Was Scrollbars auf einmal? Das ist aber auch nicht so toll...

[linwinman]

Wenn es das o. g. CSS nun mal so hergibt?!

[StefanT]

MyBBCoder benutzt diesen Code:

Code:

.codeblock code {
    overflow: auto;
    height: auto;
    display: block;
}