Seite 2 von 4

Re: BBCode [code][/code] ohne Zeilenumbruch ?

Verfasst: 16.12.2011 22:38
von BNa
einfach bei beiden einfügen

Code: Alles auswählen

.codecontent {
width: 80%;
etc
etc

Code: Alles auswählen

.codetitle {
width: 80%;
etc
etc
Der erwähnte Scrollbalken kommt erst,
wenn die maximale Höhe überschritten wird (hat nichts mit der Breite (width) zu tun)

Und wie immer:
Nach jeder Änderung an Template-Dateien ausnahmslos alle Board-, Template-, und Browser-Caches leeren
(evtl. danach auch noch Strg. F5 im Browser)

Re: BBCode [code][/code] ohne Zeilenumbruch ?

Verfasst: 16.12.2011 22:51
von Crizzo
Nimm einfach mal "width: 90%;". Richtig testen kann ich aktuell nix, weil sie Seite, wieso auch immer, min. 1400px breit ist. Das ist ja hoffentlich nicht die Minimal-Breite, selbige sollte schon bei ca. 950px liegen.

Re: BBCode [code][/code] ohne Zeilenumbruch ?

Verfasst: 16.12.2011 23:00
von korona
Hallo,

80% ist zu breit, ich habe jetzt testweise mal 50% eingegeben, die Codebox ist dann recht gut. Allerdings ist das Browserfenster zu breit, und ich muss dieses scrollen. Obwohl die Codebox passt, sieht es dann doch merkwürdig aus.
BlackHawk87 hat geschrieben:Nimm einfach mal "width: 90%;". Richtig testen kann ich aktuell nix, weil sie Seite, wieso auch immer, min. 1400px breit ist. Das ist ja hoffentlich nicht die Minimal-Breite, selbige sollte schon bei ca. 950px liegen.
1400px? Es sieht aus, als wenn die Seite des Test-Themas die Breite hat, die auch der Text in der Codebox hat, obwohl diese jetzt schmaler ist. Verstehe ich nicht so ganz. Andere Seiten sind ok.

//Edit:
Ich habe nochmal gespielt. Wenn ich "overflow: auto;" herausnehme, dann kann man sehen, dass die Seitenbreite der größten Zeilenlänge der Codebox entspricht. Schade, so kann man es nicht wirklich nutzen. Wenn es nicht machbar ist, werde ich es halt wieder raus nehmen müssen. :(
Trotzdem Danke für Eure Mühe.

Re: BBCode [code][/code] ohne Zeilenumbruch ?

Verfasst: 17.12.2011 00:04
von Crizzo
Diese Breite liegt nicht am Codefeld, da wird von irgendwas anderem aufgedrückt.

Re: BBCode [code][/code] ohne Zeilenumbruch ?

Verfasst: 17.12.2011 00:08
von korona
Ich hatte eben meinen letzten Beitrag editiert:
//Edit:
Ich habe nochmal gespielt. Wenn ich "overflow: auto;" herausnehme, dann kann man sehen, dass die Seitenbreite der größten Zeilenlänge der Codebox entspricht. ...

Re: BBCode [code][/code] ohne Zeilenumbruch ?

Verfasst: 17.12.2011 00:13
von BNa
Ohne Zeilenumbruch nimmt der Code Container seine gegebene Breite ein und unterwandert damit die anderen div's - Eventuell mal mit !important oder ähnlich probieren. Ist halt unüblich, so zu arbeiten.

Re: BBCode [code][/code] ohne Zeilenumbruch ?

Verfasst: 17.12.2011 10:03
von korona
Sorry, ich habe keine Ahnung, was ich jetzt damit machen soll, verstehe nichts davon. Wo und wie soll ich das einfügen?
Kannst Du es evtl. mit einem Beispiel erklären, Danke.

Re: BBCode [code][/code] ohne Zeilenumbruch ?

Verfasst: 17.12.2011 11:56
von Crizzo

Re: BBCode [code][/code] ohne Zeilenumbruch ?

Verfasst: 17.12.2011 12:55
von Talk19zehn
Test: subsilver2 BBCode "Code" mit Scrollbalken ( im twilightBB ist --> bbcode.html m.E. identisch )

Hello, könnte man nicht doch die bbcode.html für den Zweck ergänzend nutzen?

Via FTP geändert - bbcode.html
gesuchte Zeilen:

Code: Alles auswählen

<!-- BEGIN quote_open -->
<div class="quotetitle"><b>{L_QUOTE}:</b></div><div class="quotecontent">
<!-- END quote_open -->
und ersetzt:

Code: Alles auswählen

<!-- BEGIN code_open -->
<div class="codetitle" style="width:30%;"><b>{L_CODE}:</b></div><div class="codecontent" style="width:30%;max-height:140px;">
<!-- END code_open -->
Angaben width und height nur beispielhaft.

Im Anschluss bitte Template aktualisieren, Cache leeren, Browser aktualisieren

stylesheet.css

Keine Änderung in der Klasse Codetitel

Code: Alles auswählen

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}
Klasse Codecontent am Ende ergänzt um overflow: auto;

Code: Alles auswählen

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
	overflow: auto;
}
Könntet ihr die Idee bitte gegenprüfen, da ich momentan keine Fehler oder Nachteile feststellen kann, - nicht in allen Browsern und Auflösungen getestet.

Viele Grüße

Edit:
[ externes Bild ]
[ externes Bild ]
[ externes Bild ]

Beachte bitte, dass je Auflösung / Zoomfaktor / Browser auch eine unterschiedliche Ausgabe erfolgt.


Gruß

Re: BBCode [code][/code] ohne Zeilenumbruch ?

Verfasst: 17.12.2011 13:40
von korona
Hallo, Danke,

ich habe jetzt einen vertikalen Scroll-Balken, eigentlich wollte ich einen horizontalen.

Ok, Danke an alle, die sich so viel Mühe gemacht haben, ich gebe es auf.