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 [email protected] +44 7429 177278 barneycarroll.com On 8 May 2013 03:44, Anna Gav <[email protected]> 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 > ______________________________________________________________________ > css-discuss [[email protected]] > 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/ > ______________________________________________________________________ css-discuss [[email protected]] 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/
