Posted by Simon Dean on 02/03/06 21:59

Toby Inkster wrote:
> Simon Dean wrote:
>
>
>>http://www.acutec.co.uk/test/s3/aboutus.php
>
>
> Replace this:

[snip]

>
> With this:
>
> <li>
> <a class="itemon" href="aboutus.php">ABOUT US</a>
> <ul class="submenu">
> <li class="subitem">...
> </ul>
> </li>
>
> This establishes a better structure, enforcing the relationship between
> the "About us" item and the submenu below it.
>

Thanks for looking... I was just a bit unsure of that because I only
wanted that A element to be highlighted, and not quite understanding CSS
fully yet, I thought maybe the display:block would force the A element
to apply to whole of the LI element.

Bound to be wrong though.

I just discovered another problem, the overflow:hidden; I have on the
menu div, doesn't really work... it hides the extra space to the right,
but on FireFox 1.5, you can actually drag one of the larger roll over
links to the right and you can see the hidden content.

I still need a fix for this then. Im not sure how to do it. I havent
found anything yet. im guessing it works in other web designs, because
they have a horizontal menu... But Im probably talking waffle.

Cheers
Simon

[Back to original message]