Ik gebruik een plugin van Wordpress om codes te highlighten. Het werkt perfect, maar als ik een onafgebroken regel maak, die niet in de layout past, gaat hij gewoon door en komt er een horizontale scrollbalk. Ik kom er écht niet achter hoe ik kan zorgen dat hij de regels gewoon automatisch afbreekt. Bij gewone tekst worden de regels wél gewoon afgebroken.

De plugin heet WP-chili en ik zet de codes in <code class="eenscripttaal">hiermijncode</code>. De tekst tussen de code-tags trekken zich dus nergens van aan.

Is er een manier om de regels wél af te laten breken? Als ik de <code> tag in CSS opmaak met een bepaalde width werkt het ook niet. Als ik de content een max-width ofzo werkt het ook niet.

Moet je niets aan de overflow veranderen?
overflow:hidden werkt niet, ik weet niet precies welke overflow daarvoor wel zou moeten werken,
misschien even Googlen of als je Dreamweaver gebruikt even alle types uitproberen ;)

(het kan zijn dat het niet werkt, ik ben geen Wordpress expert, maar bij normale websites werkt dat meestal)

Gr. Gijsbert

Ik heb hier zelf ook last van gehad en volgens mij is het niet op te lossen met css2. Zowel dan hoor ik het ook graag. Ik denk dat overflow: auto; nog wel het een en ander oplost maar dat is natuurlijk niet je favoriete oplossing.

David.

Origineel gepost door D Schaap

Ik heb hier zelf ook last van gehad en volgens mij is het niet op te lossen met css2. Zowel dan hoor ik het ook graag. Ik denk dat overflow: auto; nog wel het een en ander oplost maar dat is natuurlijk niet je favoriete oplossing.

David.

Mag ik vragen waarom dat niet de favoriete oplossing is? ;)
Ik gebruik dat best vaak als oplossing, het werkt meestal perfect :)

Nou wie wil er nou een scrollbalk?

Origineel gepost door D Schaap

Nou wie wil er nou een scrollbalk?

Oh ja, nou denk ik er weer aan.
met overflow:auto komen er scrollbars. ;)
Met overflow:hidden niet, maar daar bedekt hij alles, dus ook geen oplossing waarschijnlijk.

In principe heeft men hiervoor de eigenschap white-space: pre-wrap bedacht. Daarmee worden spaties wel weergegeven, maar als een regel echt te lang wordt dan word die toch bij een spatie afgebroken. Helaas niet geimplementeerd in IE en Firefox onder versie 3. Overigens voorkom je daarmee niet dat hele lange woorden toch buiten je blok gaan. Daarvoor zijn wel wat dingetjes bedacht in CSS3 en HTML5, maar dat is allemaal nog toekomstmuziek (voor zover het ooit echt gemaakt gaat worden). Wat je eventueel zou kunnen doen is in je script alle spaties vervangen door &nbsp; en elke newline (\n) vervangen door <br>. Maar dan moet je wel die plugin voor je wordpress kunnen bewerken.

Om het makkelijker te zeggen: wen maar aan die scrollbars ;)

Je kan dan ook met php gaan werken. www.php.net/wordwrap