The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Make Code Box Wider

View previous topic View next topic Go down

Solved Make Code Box Wider

Post by URFTV on Sat Sep 25, 2010 11:03 pm

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?
avatar
URFTV
Forumember

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: Make Code Box Wider

Post by Vlajki on Sun Sep 26, 2010 2:52 am

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;
avatar
Vlajki
Forumember

Male Posts : 724
Reputation : 359
Language : Serbian & English
Location : Serbia

Back to top Go down

Solved Re: Make Code Box Wider

Post by URFTV on Sun Sep 26, 2010 5:14 am

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

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: Make Code Box Wider

Post by Vlajki on Sun Sep 26, 2010 5:38 am

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

Male Posts : 724
Reputation : 359
Language : Serbian & English
Location : Serbia

Back to top Go down

Solved Re: Make Code Box Wider

Post by URFTV on Sun Sep 26, 2010 5:54 am

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



I want this!!
avatar
URFTV
Forumember

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: Make Code Box Wider

Post by The Granny on Sun Sep 26, 2010 4:06 pm

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

The Granny
New Member

Posts : 2
Reputation : 0
Language : English

Back to top Go down

Solved Re: Make Code Box Wider

Post by URFTV on Sun Sep 26, 2010 7:31 pm

BUMP


Last edited by URFTV on Tue Oct 05, 2010 3:55 am; edited 1 time in total
avatar
URFTV
Forumember

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: Make Code Box Wider

Post by URFTV on Tue Sep 28, 2010 12:49 am

BUMP!
avatar
URFTV
Forumember

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: Make Code Box Wider

Post by blindbat1457 on Tue Sep 28, 2010 1:28 am


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


Try that.
avatar
blindbat1457
Forumember

Male Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA

Back to top Go down

Solved Re: Make Code Box Wider

Post by URFTV on Tue Sep 28, 2010 2:09 am

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

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: Make Code Box Wider

Post by blindbat1457 on Tue Sep 28, 2010 2:18 am

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

Yeah. I think you make the overflow-y none.
avatar
blindbat1457
Forumember

Male Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA

Back to top Go down

Solved Re: Make Code Box Wider

Post by URFTV on Tue Sep 28, 2010 2:37 am

it isn't working all i get is this!
avatar
URFTV
Forumember

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: Make Code Box Wider

Post by blindbat1457 on Tue Sep 28, 2010 11:40 am

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

Mess around with overflow-y & x.

avatar
blindbat1457
Forumember

Male Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA

Back to top Go down

Solved Re: Make Code Box Wider

Post by URFTV on Tue Oct 05, 2010 3:58 am

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

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: Make Code Box Wider

Post by Daniel. on Tue Oct 05, 2010 5:25 am

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.
avatar
Daniel.
New Member

Male Posts : 21
Reputation : 0
Language : English, Binary, VB, C#, C++, Obj-C, HTML, JS, CSS
Location : The Land of Awesomeness, in the sea of tranquillity

http://lavaboxforum.forummotion.com

Back to top Go down

Solved Re: Make Code Box Wider

Post by ankillien on Tue Oct 05, 2010 6:48 am

@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.
avatar
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Make Code Box Wider

Post by URFTV on Sun Dec 12, 2010 8:38 pm

Thanks! It worked!


Last edited by URFTV on Sun Dec 12, 2010 8:39 pm; edited 1 time in total (Reason for editing : gramer)
avatar
URFTV
Forumember

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Solved Re: Make Code Box Wider

Post by ankillien on Sun Dec 12, 2010 11:10 pm

Solved > Locked
avatar
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum