Using the standard SpryMenuBar in Dreamweaver CS5 as a template, I styled my SpryMenuBar to suit and match my website. One thing I didn't like about the SpryMenuBar was that long text in submenus caused the long text to extend beyond the submenu's div.
I added some CSS to fix this (based on some Google results I found) and it works fine in Firefox, but in Internet Explorer my submenus drop down horizontally instead of vertically.
A working example can be found at the same link from my previous post www dot abstractproductions dot com dot au/about-us.php
I've created a suckerfish dropdown menu on this site: http://concystyle.com/nicole/home.html
The nav is called navphotos and for some reason I can't center the menu. I've tried various paddings but nothing seems to work. I have made the dropdown as a sideways menu and see that when it goes to the side it seems to have a very long bar to the right. Not sure what that is either. I've tried reading various posts on this but am somewhat clueless as to what is going on so any help would be greatly appreciated. Thanks in advance. Derek
I'll post the code here. First the CSS:
I have created a list with 2 levels, using this html code:
<ul> <li><a href="#">One</a> <ul><li><a href="#">one.1<br /></a></li> <li><a href="#">one.2<br /></a></li> <li><a href="#">one.3<br /></a></li> <li><a href="#">one.4</a></li> </ul> </li> <li><a href="#">Two</a></li> </ul>
I am having an issue with attempting to use decimal values for padding on a list. I am using the list as a container for some links and I have been asked to line them up with a 1px border. You can see the actual page here http://www.venturesolutions.co.za/temp/index.html. The links in question are the top links on the page. This site is still very much under construction so please excuse any other errors.
This is what it looks like in IE7 and 6, http://www.easylån.no is the address.
<div id="menu"> <ul id="nav"> <li class="page_item page-item-3"><a href="http://xn--easyln-mua.no/forbrukslan" title="Forbrukslån"><span>Forbrukslån</span></a></li> <li class="page_item page-item-5"><a href="http://xn--easyln-mua.no/personlan" title="Personlån"><span>Personlån</span></a></li>