noel 0

Is it possible to have a pure css menu which has a disjointed rollover would also change out an image and text in a div? The idea is to change the banner below the navbar which combines styled text and image.

Thanks

1 answer

Tony Crockford 7095
0
points

yes.

what you do is make the banner part of the link and position it with position: absolute; in the space you need it.

you'll need to jiggle the parent containers so that they act as position:relative hosts, but it can be done.

a bit like: http://www.boldfishclient.co.uk/emprise/menutest.htm

and the menu at the bottom of:

http://www.boldfishclient.co.uk/oldbclm/

Answered over 3 years ago by Tony Crockford
  • Thanks for the quick response! I am still in the dark. The basic idea > :http://alt-web.com/DEMOS/CSS-Disjointed-Menu-Rollover.shtml with text in span tags... a different technique than you propose? What I need is an image alongside header and body text as per my sample page, the effect of seeing varied homepages with a rollover. — noel over 3 years ago
  • looks like the same technique. in principle what you do is include the image in a span inside the <a> tag and use absolute position to put it where it needs to go. here it's being done with text: http://meyerweb.com/eric/css/edge/popups/demo.html — Tony Crockford over 3 years ago
  • Thanks very much — noel over 3 years ago