Scrollbar positioning

Croata · Post by **Croata** » Wed Jun 14, 2006 3:31 pm

Hi ppl,

I'm trying to put the inner scrollbar of a menu in the left side, instead of the default (right side). I've been searching for this feature in Milonic with no results. A friend told me it's a CSS-related issue (?).

Also, I can't achieve displaying an horizontal scrollbar for horizontal menues. Already the menu is big and doesn't fit in the screen.

Code: Select all

with(milonic=new menuname("_MainMenu_")){
    style=mainStyle;
    top=0;
    left=129;
    itemheight=32;
    orientation="horizontal";
    overflow="scroll";
    alwaysvisible=1;
    ...
}

--

Thanx,
Cro

Post by **Ruth** » Wed Jun 14, 2006 9:22 pm

Hi,

As far as I know the only position for scroll bar is at the right. You can change it, but only if you are changing the direction of the page as happens for languages such as Hebrew where the direction is rtl.

Code: Select all

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="rtl">

This would change the direction of things on the page, including text. I've seen where pages have been made which has English on it and they do dir="rtl" then throughout the page they put in divs with dir="ltr" on every one of them so that the language goes as English should.

As to the horizontal scroll bar in a menu, there is no property to put a horizontal scroll bar at the bottom. The menu has a property called divides which will divide the menu into two rows so it won't span too wide.

We could give you more help as to ideas etc, if you gave us a page to see what the layout and design is.

Ruth

Croata · Post by **Croata** » Thu Jun 15, 2006 3:18 pm

Ruth wrote: As far as I know the only position for scroll bar is at the right. You can change it, but only if you are changing the direction of the page ...

Indeed, your code changed the direction of all things in the page (arabic layout). The menu was re-directioned to the normal appearance adding a line in the <style> section:

Code: Select all

<html dir="rtl">

...

<style>
table#tbl0 tr {
    direction: ltr;
}
</style>

...

For horizontal menu, the divides worked. Nevertheless, both approaches generated new problems, which I'm going to show in a new post with a live example.

Thanx Ruth!