test
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • viotiashop2 Friend
    #181878

    good evening
    i have install in my site tha ja bulletin module, and i would like to ask if i can make it scrollable, for example to have a specific height and then to scroll to see the rest of the news
    thanks in advance

    Luna Garden Moderator
    #471756

    Yes, you can make that with simple CSS, like this tutor: http://www.w3schools.com/cssref/pr_pos_overflow.asp
    Or using JS, if you want

    viotiashop2 Friend
    #471861

    hello again
    i created a css file and it looks likes this
    <head>
    <link rel=”mod_jabulletin” type=”text/css” href=”cssscrol.css”>
    div
    {
    width:150px;
    height:200px;
    overflow:scroll;
    } </head>

    i put it in folder css

    i dont know if it is correct but it doesnt scrolling yet. do i have to do anything else?

    Luna Garden Moderator
    #471883

    <em>@viotiashop2 344767 wrote:</em><blockquote>hello again
    i created a css file and it looks likes this
    <head>
    <link rel=”mod_jabulletin” type=”text/css” href=”cssscrol.css”>
    div
    {
    width:150px;
    height:200px;
    overflow:scroll;
    } </head>

    i put it in folder css

    i dont know if it is correct but it doesnt scrolling yet. do i have to do anything else?</blockquote>
    Hi,
    It’s not the way to create a div scrolling, and don’t set to all div.
    For example, I have a block for JA Bulletin Module with HTML code like this:


    <div id="Mod117" class="ja-moduletable moduletable_world clearfix">
    <div id="ja-content-mass-bottom" class="ja-mass ja-mass-bottom clearfix">
    <div class="ja-moduletable moduletable_world clearfix" id="Mod117">
    <h3><span>World 24h</span></h3>
    <div class="ja-box-ct clearfix">
    <div class="ja-bulletin-wrap">
    <ul class="ja-bulletin_world clearfix">
    <div class="box-left"><!-- content of BULLETIN --> </div>
    </ul>
    </div>
    </div>
    </div>
    </div>
    </div>

    Its class suffix is ‘world’
    Then, the CSS style would be like this:


    .ja-moduletable.moduletable_world {
    height: height_valuepx;
    overflow: scroll;
    }

    Change height size to the value you want

    viotiashop2 Friend
    #472137

    .ja-moduletable.moduletable_last {

    width:150px;
    height:100px;
    overflow: scroll;
    }

    good morning , i put the css as you told me , i am sending exactly how i wrote it, and in the module i put the suffix, i send you a screen shot, is everyting ok because it still doen’t show the scroll
    thanks in advance


    1. SCREENSHOT
    viotiashop2 Friend
    #472138

    .ja-moduletable.moduletable_last {

    width:150px;
    height:100px;
    overflow: scroll;
    }

    good morning , i put the css as you told me , i am sending exactly how i wrote it, and in the module i put the suffix, i send you a screen shot, is everyting ok because it still doen’t show the scroll
    thanks in advance

    Luna Garden Moderator
    #472141

    <em>@viotiashop2 345147 wrote:</em><blockquote>.ja-moduletable.moduletable_last {

    width:150px;
    height:100px;
    overflow: scroll;
    }
    good morning , i put the css as you told me , i am sending exactly how i wrote it, and in the module i put the suffix, i send you a screen shot, is everyting ok because it still doen’t show the scroll
    thanks in advance</blockquote>

    I see, what I suggest you is based on our demo. If you could provide your site URL, and set Compress CSS in back-end to none, then my help would be better.

    viotiashop2 Friend
    #472163

    the url is http://www.viotiashop.gr
    thanks a lot for your try
    if you need something else just tell me

    Luna Garden Moderator
    #472323

    <em>@viotiashop2 345147 wrote:</em><blockquote>.ja-moduletable.moduletable_last {

    width:150px;
    height:100px;
    overflow: scroll;
    }

    good morning , i put the css as you told me , i am sending exactly how i wrote it, and in the module i put the suffix, i send you a screen shot, is everyting ok because it still doen’t show the scroll
    thanks in advance</blockquote>
    All your adding is correct if you want to make scroll for this module: http://easycaptures.com/fs/uploaded/713/0727876672.png , I have checked on your site.
    After saving the change, did you clear your cache ?

Viewing 9 posts - 1 through 9 (of 9 total)

This topic contains 9 replies, has 2 voices, and was last updated by  Luna Garden 12 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum