Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Website Design Forum


You are currently viewing our Website Design Forum as a guest. Please register to participate.
Login



Freelance Jobs

Closed Thread
How to display text on image rollover
Old 10-23-2009, 08:54 AM How to display text on image rollover
Junior Talker

Posts: 3
Name: Charles Sciascia
Trades: 0
What's up board members. I am in the process of designing a business directory for a local street in my area. On the homepage I want to have a 200x200 image of each businesses storefront. When a user highlights over a specified image I want to display the Business Name / Address / and Phone number. What is the best way to go about making this happen?
SciA is offline
View Public Profile
 
 
Register now for full access!
Old 10-23-2009, 09:01 AM Re: How to display text on image rollover
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
http://www.candsdesign.co.uk/page-te...ery/layout.asp

code in the page
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
View Public Profile Visit chrishirst's homepage!
 
Old 10-23-2009, 09:03 AM Re: How to display text on image rollover
Junior Talker

Posts: 3
Name: Charles Sciascia
Trades: 0
Thanks, I was actually trying to find the code for having the text display right on top of the image. Any suggestions?
SciA is offline
View Public Profile
 
Old 10-23-2009, 09:19 AM Re: How to display text on image rollover
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Even easier

set the image to be the background to the element and then use innerHTML

HTML Code:
<div id="imageA" onmouseover="this.innerHTML='Text to show ove image';" onmouseout="this.innerHTML='';"></div>
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
View Public Profile Visit chrishirst's homepage!
 
Old 10-24-2009, 11:09 AM Re: How to display text on image rollover
Junior Talker

Posts: 3
Name: Charles Sciascia
Trades: 0
chris,
thanks man, great method
SciA is offline
View Public Profile
 
Old 10-28-2009, 11:02 AM Re: How to display text on image rollover
darkwell25's Avatar
Super Spam Talker

Posts: 823
Name: Jayron
Trades: 0
Quote:
Originally Posted by chrishirst View Post
Wow neat ..thanks for the link! I find it useful
__________________
Just Got Back With Vengeance
darkwell25 is offline
View Public Profile
 
Closed Thread     « Reply to How to display text on image rollover
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.23385 seconds with 12 queries