Joomla Templates Club 406,261 posts

[jodskilove Friend jodskiloveJoin date: August 2010Posts: 19Downloads:0Uploads:4 Thanks: 7]

#153656

Hi all,

I want a scrollbar on an article because there is much text and I wish that the menu is always visible. Is there anyone who knows how this can be done? I have searched the internet but can not find a solution that works.
/Martin

[smitheringale Friend smitheringaleJoin date: December 2009Posts: 236Downloads:0Uploads:0 Thanks: 63 Thanked: 44 times in 18 posts]

#353181

Yes,

This is potentially a very easy thing to achieve – maybe 2 minutes work.

Put this but of code in the css file – perhaps at the bottom of template.css.

It specifies a box that is 500px wide and 300 px high and that will be centred in the article with a light grey background colour. you can edit the css as required.

div.scroll
{
background-color:#ccc;
width:500px;
height:300px;
overflow:scroll;
margin:auto;
}

and then put this bit of text inside your article (toggle the editor in joomla to look at the code). Of course, you’re only going to see the full effect of this when your text actually overflows the space available.

<div class="scroll">TEXT</div>

If you don’t mind using inline css you could cut out the two steps and go with a single step of the following code in your article: –

<div style="background-color:#ccc;width:500px;height:300px;overflow:scroll;margin:auto;">Text</div>

<em>@jodskilove 190945 wrote:</em><blockquote>Hi all,

I want a scrollbar on an article because there is much text and I wish that the menu is always visible. Is there anyone who knows how this can be done? I have searched the internet but can not find a solution that works.
/Martin</blockquote>

1 user says Thank You to smitheringale for this useful post

1. jodskilove

[Author]

Posts