The Joomla! Forum ™

Download

Demo


Board index » Joomla! Older Version Support » Joomla! 1.0 » Templates & CSS - 1.0.x

Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.



Post new topic Reply to topic  Page 1 of 1
  [ 17 posts ] 
  Print view Previous topic | Next topic 
Author Message
szonkie
 Post subject: Scroll Bar
PostPosted: Mon Jul 14, 2008 10:59 am 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Thu Jul 05, 2007 10:41 am
Posts: 227
Hi there,

I want to use a scroll bar on my frontpage.
Does anyone know how to do this?

Thanks
Top
 Profile  
 
Colt_45
 Post subject: Re: Scroll Bar
PostPosted: Wed Jul 16, 2008 6:40 am 
User avatar
Joomla! Ace
Joomla! Ace

Joined: Tue Jun 20, 2006 10:47 pm
Posts: 1079
Location: Got some wax?
You can add the following to your template's stylesheet:

html {
overflow-y: scroll;
}

at least I think that's correct. If not, you should be able to find the answer by G00gling it.
Top
 Profile  
 
szonkie
 Post subject: Re: Scroll Bar
PostPosted: Wed Jul 16, 2008 7:47 am 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Thu Jul 05, 2007 10:41 am
Posts: 227
Didn't work, I'll have a snoop around.

Thanks
Top
 Profile  
 
Peter0312
 Post subject: Re: Scroll Bar
PostPosted: Sun Jul 20, 2008 8:03 am 
User avatar
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu May 22, 2008 10:15 pm
Posts: 9
Code:
.contentpaneopen{
height:yourheight;
overflow-y: scroll;
}


Or change the contentpaneopen to your Div where is the maincontent.

But a better and smoother way to scroll a div is this way>> http://www.joomlaplates.com/demo_server ... /index.php

_________________
Professional Joomla Templates | No Club | No Membership required |
http://www.joomlaplates.com
Top
 Profile  
 
szonkie
 Post subject: Re: Scroll Bar
PostPosted: Tue Jul 22, 2008 11:20 am 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Thu Jul 05, 2007 10:41 am
Posts: 227
HI copied the code into my css sheet but nothings changed on the template?
The scroller looks good on the link you provided, how do I do one like this?

Also like the gallery component what is it?
Thanks
S
Top
 Profile  
 
Colt_45
 Post subject: Re: Scroll Bar
PostPosted: Tue Jul 22, 2008 6:44 pm 
User avatar
Joomla! Ace
Joomla! Ace

Joined: Tue Jun 20, 2006 10:47 pm
Posts: 1079
Location: Got some wax?
Where is it that you're trying to add the scrollbar?

Also, a link to your site would be helpful.
Top
 Profile  
 
Peter0312
 Post subject: Re: Scroll Bar
PostPosted: Tue Jul 22, 2008 7:06 pm 
User avatar
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu May 22, 2008 10:15 pm
Posts: 9
Sorry the URL is not the right one. Here is a zip demo with all scripts:
http://www.joomlaplates.com/mootools_scrollbar.zip

_________________
Professional Joomla Templates | No Club | No Membership required |
http://www.joomlaplates.com
Top
 Profile  
 
szonkie
 Post subject: Re: Scroll Bar
PostPosted: Wed Jul 23, 2008 7:42 am 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Thu Jul 05, 2007 10:41 am
Posts: 227
Thanks for the scripts Peter will take a look at these later.
Colt I would like a scroll in the main content, here's the link to the site http://www.jamie-boyle.com

Thanks
S
Top
 Profile  
 
Peter0312
 Post subject: Re: Scroll Bar
PostPosted: Wed Jul 23, 2008 8:47 am 
User avatar
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu May 22, 2008 10:15 pm
Posts: 9
These Scrollbars are only for DIV Container and not for tables... But you have table in your template.. :'(

_________________
Professional Joomla Templates | No Club | No Membership required |
http://www.joomlaplates.com
Top
 Profile  
 
szonkie
 Post subject: Re: Scroll Bar
PostPosted: Wed Jul 23, 2008 10:11 am 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Thu Jul 05, 2007 10:41 am
Posts: 227
Yeah think I will have to redo it with CSS and get rid of the table...what do you think of the styling so far?
Top
 Profile  
 
edmundovic
 Post subject: Re: Scroll Bar
PostPosted: Fri Jul 31, 2009 3:05 pm 
Joomla! Intern
Joomla! Intern

Joined: Sun Oct 07, 2007 9:53 pm
Posts: 83
Location: Lithuania
szonkie wrote:
Yeah think I will have to redo it with CSS and get rid of the table...what do you think of the styling so far?

So far so good. Intresting design. What about scrollbar?
Top
 Profile  
 
fresheris
 Post subject: Re: Scroll Bar
PostPosted: Mon Nov 09, 2009 2:59 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Thu Sep 04, 2008 8:25 pm
Posts: 276
Hi. i have made like Peter0312 said with css code...on firefox its okey, but on IE, the whole content brokes the page:
Image

Image

css:
.my_style {
height:380px !important;
overflow-y: scroll;
}
why its that??
Top
 Profile  
 
joomfriend
 Post subject: Re: Scroll Bar
PostPosted: Tue Dec 08, 2009 7:06 am 
User avatar
Joomla! Explorer
Joomla! Explorer

Joined: Sun Feb 08, 2009 5:10 pm
Posts: 275
Hi.

There are some cross browser compatibility issues in website design (Specially CSS) between Firefox and IE. Some CSS may work in Firefox but not in IE and vice versa or the result might not be the same.
You can get around this problem by defining two css codes in your css file: The one that will work with Firefox and the one that will work with IE or look for a Standard W3C CSS that will work for both Firefox and IE.

_________________
- http://www.divulgaterium.com: Divulgaterium - Free Business Website Directory
- http://www.egliseprimitive.org: Christian Website
Top
 Profile  
 
fresheris
 Post subject: Re: Scroll Bar
PostPosted: Fri Dec 18, 2009 9:41 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Thu Sep 04, 2008 8:25 pm
Posts: 276
for me its working.
Top
 Profile  
 
foXXXi
 Post subject: Re: Scroll Bar
PostPosted: Fri Feb 04, 2011 9:13 am 
User avatar
Joomla! Guru
Joomla! Guru

Joined: Thu Mar 01, 2007 1:41 pm
Posts: 655
Location: south africa
im struggling with the same problem :(
www.creative-designs.co.za

I want the height of the entire section with writing etc to be at like 400px
Nothing I do gives me the scroll bar :(
Any ideas?

_________________
Samantha Prinsloo
Creative Designs
Website Designer, Graphic Designer
http://www.creative-designs.co.za
Top
 Profile  
 
dgtebpo
 Post subject: Re: Scroll Bar
PostPosted: Fri Mar 11, 2011 6:28 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Fri Mar 11, 2011 6:11 pm
Posts: 1
foXXXi wrote:
im struggling with the same problem :(
http://www.creative-designs.co.za

I want the height of the entire section with writing etc to be at like 400px
Nothing I do gives me the scroll bar :(
Any ideas?


I googled and gooled the subject and only came up with using fleXcroll which would mean adding another jsvascript, CSS, and classes to the template to impement this because there is not plugin available (which I found odd!).

After spending literally 16 hours trying to find a plugin or use a javascript I came up with a simple answer myself. I just created a table and put a div tag inside a cell calling for a scrollbar if the content is over 340 pixels.. here is the code I used:
Code:
<table style="width: 100%;" border="0">
<tbody>
<tr>
<td>
 <div style="overflow: auto; width: 100%; height: 340px;">

/* CONTENT GOES HERE */

</div>
</td>
</tr>
</tbody>
</table>


I did not try just using the div tag without inserting it in a table, but that might work too

After devoting so much time to engineering a solution, I felt silly to say the least, but sometimes the wheel is fine and does not need o be re-invented!
Top
 Profile  
 
anbu-red
 Post subject: Re: Scroll Bar
PostPosted: Thu May 12, 2011 2:24 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Mon Mar 15, 2010 1:12 pm
Posts: 8
I think yours is not working cause you have it in a table
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 17 posts ] 


Board index » Joomla! Older Version Support » Joomla! 1.0 » Templates & CSS - 1.0.x

Who is online

Users browsing this forum: No registered users and 3 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group