0
Welcome Guest! Login
0 items Join Now

Make picture apear on 'mouse over' text

Last Post
Search Topic
    • 's Avatar

    Make picture apear on 'mouse over' text

    Posted 16 years 6 months ago
    #237364
    • Terp's Avatar
    • Terp
    • Elite Rocketeer
    • Posts: 1720
    • Thanks: 23

    Re: Make picture apear on 'mouse over' text

    Posted 16 years 6 months ago
    • You could probably do a CSS popup? Is that what you are looking for? Not the best with CSS, but I have used something like this in the past:
      a.popup {
position: relative;
}
 
a.popup span {
display: none;
}
 
a.popup:hover span {
position: absolute;
top: 2em;
left: 0;
width: 100px;
padding: 5px;
display: block;
border: 5px solid #ccc;
background: #FFF;
}

      ...then use the popup class for your mouseover link.
      <a href="#" class="popup">Golden Eye<span><img src="golden_eye.jpg"></span></a>

      I am sure there are better ways, but this will get it done...like to hear how others do it, too. :)
    #237447
    • 's Avatar

    Re: Make picture apear on 'mouse over' text

    Posted 16 years 6 months ago
    • THX fot the quick reply

      Seems like a very good idea... but can seem to get it to work?
    #237586

Time to create page: 0.075 seconds