vertical menu problem

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Nicholas - 28 Mar 2005 22:31 GMT

Hi

I've set up a vertical css based menu using the hover property

the problem is that the hover colour only covers the text.

so if menu item 1 is 'this is menu item 1' that gets covered

but if menu item 2 is '2' (ie different length) then only the '2' gets the
hover effect.

any ideas as to how to have the whole <td></td> element covered?

Thanks

Nicholas

Reply to this Message

David Dorward - 28 Mar 2005 23:07 GMT

> I've set up a vertical css based menu using the hover property
>
> the problem is that the hover colour only covers the text.

http://css.maxdesign.com.au/listamatic/

> any ideas as to how to have the whole <td></td> element covered?

What sort of menu needs a table to describe it?

Signature

David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Reply to this Message

boe - 28 Mar 2005 23:15 GMT

> Hi
>
[quoted text clipped - 12 lines]
>
> Nicholas

I think if you don't use a table but give your menu item (which is an
anchor/href I guess) the property display:block; and then give the
.hover a different background, it should work.

look here for a complete tutorial/example:
http://www.seoconsultants.com/css/menus/vertical/

Jorg

Reply to this Message

me - 29 Mar 2005 16:46 GMT

> Hi
>
[quoted text clipped - 10 lines]
> Thanks
> Nicholas

The other suggestions are quite worthy, they rely on CSS, mine does not
(works in IE6). Not that this is case sensitive. See below:
Signed,
me

<table cellpadding=0 cellspacing=0 border=0 width=76>
<tr>
<td bgcolor=white onMouseOver="bgColor='yellow'"
onMouseOut="bgColor='white'">
Highlight 1</td>
</tr>
</table>

Reply to this Message

me - 29 Mar 2005 17:04 GMT

> > Hi
> >
[quoted text clipped - 23 lines]
> </tr>
> </table>

Typo, should be: Note that this *is* case sensitive.
Signed,
me

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / March 2005

vertical menu problem