[css-d] which tag do i target with css for the hover effect i want

2010-11-08 Thread Lisa Frost
Hi, I've tried every combination of padding and margin i can think of, on the li or the a tag and can not work out which tag i should be targeting to get a hover effect where the background colour changes to fill the whole menu item (ie box), not just behind the text. Sorry hard to explain, you

Re: [css-d] which tag do i target with css for the hover effect i want

2010-11-08 Thread Philippe Wittenbergh
On Nov 8, 2010, at 9:32 PM, Lisa Frost wrote: I've tried every combination of padding and margin i can think of, on the li or the a tag and can not work out which tag i should be targeting to get a hover effect where the background colour changes to fill the whole menu item (ie box), not

Re: [css-d] which tag do i target with css for the hover effect i want

2010-11-08 Thread Bobby Jack
--- On Mon, 11/8/10, Philippe Wittenbergh e...@l-c-n.com wrote: On Nov 8, 2010, at 9:32 PM, Lisa Frost wrote: I've tried every combination of padding and margin i can think of, on the li or the a tag and can not work out which tag i should be targeting to get a hover effect where the

Re: [css-d] which tag do i target with css for the hover effect i want

2010-11-08 Thread David Dorward
On 8 November 2010 12:49, Bobby Jack bobbykj...@yahoo.co.uk wrote: This is important: Personally, I think that's confusing from the user's point of view, so I'd approach this by expanding the links, e.g. #sidemainmenu a { display: block; padding: 10px 0; } and remove the padding on your

Re: [css-d] which tag do i target with css for the hover effect i want

2010-11-08 Thread Tim Arnold
Since IE doesn't support :hover on an LI tag, you will have to use the a to get what you want. Start with setting the a to display: block; and all margins and padding on both types of tags to zero. Add from there understanding that adding padding or margin to the LI tags will space the hovered

Re: [css-d] which tag do i target with css for the hover effect i want

2010-11-08 Thread Lisa Frost
Whilst that will work, and fully answers the question, from a CSS perspective, you should be aware that the link target areas (i.e. what can be clicked on) will then differ from (be smaller than) the list items which are coloured. If you think that disconnects fine, then by all means use

Re: [css-d] which tag do i target with css for the hover effect i want

2010-11-08 Thread Lesley Lutomski
On 08/11/10 13:36, Lisa Frost wrote: Is it better accessibility wise to make the whole area clickable or for a menu does it not matter. For folk with poor co-ordination or mobility problems, then (IMHO) the bigger the target to aim at, the better! On the other hand, a wee bit of dead space

Re: [css-d] which tag do i target with css for the hover effect i want

2010-11-08 Thread Bobby Jack
--- On Mon, 11/8/10, Lisa Frost birdiefr...@gmail.com wrote: Dear Bobby and Philippe, Both ways work perfectly in the way that i was wishing for. I tried both to learn something. Now i just need to decide which one! I suppose it boils down to personal preference. I would automatically only

Re: [css-d] which tag do i target with css for the hover effect i want

2010-11-08 Thread David Laakso
On 11/8/10 8:36 AM, Lisa Frost wrote: I would automatically only expect the text to show the its a link symbol rather than the whole highlighted background. Is it better accessibility wise to make the whole area clickable or for a menu does it not matter. Not to answer for Bobby or