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.


1 answer



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:

and the menu at the bottom of:

Answered almost 10 years ago by Tony Crockford
  • Thanks for the quick response! I am still in the dark. The basic idea > : 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 almost 10 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: Tony Crockford almost 10 years ago
  • Thanks very much noel almost 10 years ago