-
AuthorPosts
-
November 1, 2012 at 3:33 pm #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 advanceLuna Garden ModeratorLuna Garden
- Join date:
- July 2011
- Posts:
- 2617
- Downloads:
- 80
- Uploads:
- 96
- Thanks:
- 78
- Thanked:
- 453 times in 425 posts
November 2, 2012 at 8:15 am #471756Yes, you can make that with simple CSS, like this tutor: http://www.w3schools.com/cssref/pr_pos_overflow.asp
Or using JS, if you wantNovember 4, 2012 at 9:31 am #471861hello 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 ModeratorLuna Garden
- Join date:
- July 2011
- Posts:
- 2617
- Downloads:
- 80
- Uploads:
- 96
- Thanks:
- 78
- Thanked:
- 453 times in 425 posts
November 5, 2012 at 3:34 am #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 want1 user says Thank You to Luna Garden for this useful post
November 7, 2012 at 8:10 am #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
November 7, 2012 at 8:11 am #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 advanceLuna Garden ModeratorLuna Garden
- Join date:
- July 2011
- Posts:
- 2617
- Downloads:
- 80
- Uploads:
- 96
- Thanks:
- 78
- Thanked:
- 453 times in 425 posts
November 7, 2012 at 8:32 am #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.
November 7, 2012 at 12:34 pm #472163the url is http://www.viotiashop.gr
thanks a lot for your try
if you need something else just tell meLuna Garden ModeratorLuna Garden
- Join date:
- July 2011
- Posts:
- 2617
- Downloads:
- 80
- Uploads:
- 96
- Thanks:
- 78
- Thanked:
- 453 times in 425 posts
November 8, 2012 at 4:21 pm #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 ?AuthorPostsViewing 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
ja bulletin-scrolling
Viewing 9 posts - 1 through 9 (of 9 total)