bbPress

Info

• 7 posts
• 3 voices
• Started 1 year ago by pastorbobsforum
• Latest reply from pastorbobsforum
• This topic is resolved

Tags

• overflow:auto
• scrollbar
• tag-list
• vertical scrollbar

• Posts in this topic

[tags] Scrollbar for tag list

1. • 
   • pastorbobsforum
   • Member

   • Posted 1 year ago #

   Hello.

   How can I create a scrollbar for the list of tags in my topics?

   I want to keep the search form though.

   This is how my style.css looks like:
   

   #topic-tags {
   	border-left: 1px solid #ccc;
   	float: right;
   	padding: 0 0 0 1em;

   Any suggestions greatly appreciated.

   Regards,
   Bob
2. • 
   • kevinjohngallagher
   • Member

   • Posted 1 year ago #

   "overflow:auto"

   It creates a scrollbar inside a DIV
3. • 
   • pastorbobsforum
   • Member

   • Posted 1 year ago #

   Hello.

   This is what I've done with my topic.php:

   <div style="overflow:auto"><?php topic_tags(); ?></div>

   No result. Also, shouldn't I set a width and a length somewhere?

   I've also tried:
   

   #topic-tags {
   	border-left: 1px solid #ccc;
   	float: right;
   	padding: 0 0 0 1em;
           overflow:auto;}

   No result.

   Suggestions?

   Regards,
   Bob
4. • 
   • chrishajer
   • Moderator

   • Posted 1 year ago #

   Can you provide a link to your forum please?
5. • 
   • pastorbobsforum
   • Member

   • Posted 1 year ago #

   http://www.pastorbob.co.uk/forum

   Bob
6. • 
   • chrishajer
   • Moderator

   • Posted 1 year ago #

   You *do* need to set the height, at least, to create the vertical scrollbar. So what size do you want to constrain it to? Can you show an example of a page where the tag list is too long that you want to add the scrollbar to?

   Maybe this page?
   http://www.pastorbob.co.uk/forum/bible-study/are-we-invincible

   Add this to the topic-tags CSS right where you added the overflow: auto

   height: 110px;

   That will make it about as tall as the information to the left (at least on this page, with the amount of information there.)
7. • 
   • pastorbobsforum
   • Member

   • Posted 1 year ago #

   Hello again.

   It worked like a glove. Thank you chrishajer. And thank you Kevin as well.

   For posterity's sake now, this is what one should modify in their style.css in order to achieve a vertical scrollbar for their tag list:

   #topic-tags {
   	border-left: 1px solid #ccc;
   	float: right;
   	padding: 0 0 0 1em;
           overflow:auto;
           height: 240px;}

   I sometimes wonder where should one start if one wanted to build a solid foundation in PHP? For I only use (basic) logics and ask for help when I'm stuck.

   Nevertheless, thank you all once again.

   Regards,
   Pastor Bob
8. This topic is closed