2 replies [Last post]
atchef
atchef's picture
Offline
newbie
Last seen: 8 years 27 weeks ago
Timezone: GMT+2
Joined: 2014-01-30
Posts: 2
Points: 3

Hi. I wonder if anybody could help me.

This is the situation now. Untitled-1.jpg
But..
I want to have a image appearing underneath the menu when definite link is hovered. For each menu item different image.
Something like this. Untitled-3.jpg
What kind of code lines would do that for me Smile?

Thanks for help.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Hi atchef, There's a few ways

Hi atchef,
There's a few ways you could do this, here is one.

<a href="">Link #1 <img src="link1img.png" /></a>

a{
  position:relative;
}
a img{
  display:none;
  position:absolute;
  top:0;
  left:0;
}
a:hover img{
  display:inline-block;
}

It will need fine tuning.

atchef
atchef's picture
Offline
newbie
Last seen: 8 years 27 weeks ago
Timezone: GMT+2
Joined: 2014-01-30
Posts: 2
Points: 3

awesome. Thank you. It works

awesome. Thank you. It works perfectly. Smile