WordPress weergave code (2)

Ik heb eindelijk de codesegmenten op orde. Door het volgende stukje aan de pre tag te hangen in het css bestand wordt er bij het gebruik van de <pre></pre> tags netjes een blok omheen gezet waarbij er in de meeste browsers een scrollbar verschijnt als de regels te lang zijn. Bij browsers die de overflow: auto niet snappen wordt vervolgens de scrollbar weggelaten maar loopt de tekst niet door.

pre {
display: block;
overflow: auto;
overflow-x: hidden;
}

WordPress weergave code

Ik ben al een tijdje aan het zoeken hoe ik nu de <code> segmenten weer kan geven zoals ik wil hebben. Een apart venster met een ander lettertype en een scrolbar voor de langere regels.

Het omvormen van de html code die ik nu in de posts heb staan wil ook nog eens niet echt vlotten. Er staan karakters tussen waardoor het <code> segment voortijdig afgebroken wordt. Ook hier zoek in dus nog een oplossing voor. Totdat dit opgelost is zul je dat helaas in mijn vorige post kunnen zien.

Wat daar ook niet goed gaat is het uitvullen van de regel in een code segment. Nu ben ik zowiezo al niet van het uitvullen van teksten. Dat kun je prima doen als de tussenruimte binnen een bepaalde marge blijft maar als die te groot wordt dan moet je volgens mij gewoon de regel maar normaal weergeven.