Using Slashdot Menu.. questions.

[b007]

1) Script Title:
Slashdot Menu

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

3) Describe problem:

Hi,
I would like to change the position of the collapsed-image,
from left to Right.

How to do That?

Thanks.

[Nile]

In sdmenu.css change:


background: url(expanded.gif) no-repeat 10px center;

To:


background: url(expanded.gif) no-repeat 10px right;

I'm not sure it will work, but it's always worth a try!

[Snookerman]

Nile, in the background shorthand, the last value is the vertical align. The possible values are top, center and bottom. The second from last value however, controls the horizontal align, so change this:

div.sdmenu div span {
display: block;
padding: 5px 25px;
font-weight: bold;
color: white;
background: url(expanded.gif) no-repeat 10px center;
cursor: default;
border-bottom: 1px solid #ddd;
}

into this:

div.sdmenu div span {
display: block;
padding: 5px 25px;
font-weight: bold;
color: white;
background: url(expanded.gif) no-repeat right center;
cursor: default;
border-bottom: 1px solid #ddd;
}


Good luck!

[b007]

Also,
I got 2 <span> ---> <span>Online Tools</span>
which dont have submenus,
but they are need to be link to page.
How can I keep there design and make them also link?

Thanks..