MyBB.de Forum

Normale Version: Code mit horizontalem Scrollbalken
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2
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
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
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
Da machen dir manche Browser eine Strich durch die Rechnung... Sad
Wenn keine feste Breite angegeben ist, wird das teilweise ignoriert.
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. Smile
Hast du einen Beispiel-Link? Dieser Code betrifft nur PHP-Code.
Hallo Jockl,

versuche es einmal mit
Code:
.codeblock, .phpcodeblock {
...
}
Was Scrollbars auf einmal? Das ist aber auch nicht so toll... Toungue
Wenn es das o. g. CSS nun mal so hergibt?! Toungue
MyBBCoder benutzt diesen Code:
Code:
.codeblock code {
    overflow: auto;
    height: auto;
    display: block;
}
Seiten: 1 2