On Mon, May 13, 2013 at 8:11 AM, Barney Carroll <barney.carr...@gmail.com> wrote: > There are all sorts of ways of achieving this. The tersest is probably > using pseudo-elements CSS: > > http://jsfiddle.net/barney/wBUsa/ > > If you need to target older browsers that don't support pseudo-elements, > you can add extra markup into your list items instead: > > http://jsfiddle.net/barney/PQhVn/ > > Regards, > Barney Carroll > > barney.carr...@gmail.com > +44 7429 177278 > > barneycarroll.com > > > On 8 May 2013 03:44, Anna Gav <agav...@gmail.com> wrote: > >> Hi all >> >> Re: http://imageshack.us/scaled/landing/703/sdfdsf.png >> >> I need to reproduce the functionality demonstrated in this image. The >> requirements are: >> >> When the menu items are hovered over >> -the image on the left needs to change. >> -the colour behind the menu item has to change (eg. green for the last >> menu item, as demonstrated in the image) >> >> Ideally, I'd like to do this using CSS, but to be honest it looks way >> too complicated with all the sharp angles. >> >> How would you do this? >> >> Anna
This can help with pseudo-element support, if you need it. I wrap this (and I also include mootools lib as well as it gives the most support) in a conditional comment. http://selectivizr.com/ HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/