PDA

View Full Version : How do I get rid of the little arrow ?


liboi
02-25-2009, 02:57 AM
When I created a spry menu, each menu title has a little arrow right in the middle of the text. How do I get rid of it?

edbr
02-25-2009, 03:19 AM
can you post the code from the menu

liboi
02-25-2009, 03:28 AM
I'm still learning how to create Spry menu, I manage to go "Spry>Spry Menu Bar" to get a new menu, but I don't know how to remove the small arrow?

http://i42.tinypic.com/2n8znh1.jpg

I don't even know how to create an "outline" for the dropdown sub button something like this http://www.chc.org.sg/eng/index.php


can you post the code from the menu

<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>

edbr
02-25-2009, 03:44 AM
im the css file in the spry folder find this
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
this could e deleted , however that is cust to indicate there are more items under the tab

liboi
02-25-2009, 03:48 AM
im the css file in the spry folder find this
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
this could e deleted , however that is cust to indicate there are more items under the tab


Thanks! :grin: It's works!

raja
02-26-2009, 04:34 AM
is it possible to use our own graphics ? i mean graphic driven menus??

edbr
02-26-2009, 04:51 AM
you could alter the css to usea background image, if thats what you mean. the image shown is a small image positioned by the code but you can change this to what image and repeat you want