Make Code Box Wider

Sometimes the coded words are too long and go down halfway and it looks pretty ugly, so how do i make the box a bit wider. Also, I want to make it so that you can scroll right in the box like you do to scroll up and down on a webpage, only right or left on the code box, how do I do these?

For scrolling the code box find this in your CSS

Code:

.codebox dd {

And add there

Code:

max-height: 300px;
overflow-x: auto;
overflow-y: auto;

I can't do that, because my CSS is blank.

Click See your forum basic CSS
And Copy it to the CSS box
then do the change.

I'm using PhpBB2 btw. I can't find that anyhere, and i searched with Opera and Mozilla.



I want this!!

possibly try and make the code in Microsoft Word and copy it in? worked for me

BUMP

BUMP!

Code:

.codebox dd {
  max-height: 300px !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
}

Try that.

Thanks a lot, that looks cool, but is there one that scrolls sideways.

URFTV wrote:Thanks a lot, that looks cool, but is there one that scrolls sideways.

Yeah. I think you make the overflow-y none.

it isn't working all i get is this!

http://www.brunildo.org/test/Overflowxy2.html

Mess around with overflow-y & x.

I've been messing around with this for days! It still won't scroll sideways -_-

make overflow-y:none;
and overflow-x:scroll;
your problem is that you have alot of code going down but not enough going across to make it scroll.

URFTV wrote:I've been messing around with this for days! It still won't scroll sideways -_-

Hello,

Please try adding this code to your CSS.

Code:

.code , .cont_code {
width: 600px;
overflow: auto !important;
}

It will enable the horizontal scrollbar and remove the increasing width if a code line goes longer.

Thanks! It worked!