Skip to:
Content
Pages
Categories
Search
Top
Bottom

[tags] Scrollbar for tag list


  • pastorbobsforum
    Member

    @pastorbobsforum

    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

Viewing 6 replies - 1 through 6 (of 6 total)

  • kevinjohngallagher
    Member

    @kevinjohngallagher

    “overflow:auto”

    It creates a scrollbar inside a DIV


    pastorbobsforum
    Member

    @pastorbobsforum

    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


    chrishajer
    Participant

    @chrishajer

    Can you provide a link to your forum please?


    pastorbobsforum
    Member

    @pastorbobsforum


    chrishajer
    Participant

    @chrishajer

    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.)


    pastorbobsforum
    Member

    @pastorbobsforum

    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

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Skip to toolbar