HTML - Image On Text Hover?

Hi Guys,
I'm creating a small music website with some songs / lyrics for guitar etc. Is it possible to have some text (eg- a guitar chord like C) and when you hover your mouse over the text, it displays a small image of the chord ?

Any help would be greatly appreciated,
Thanks,
Emma

how do I add this: http://qrayg.com/learn/code/qtip/

to this page: http://www.paulodourado.com

to get something similar to this page: http://www.jorycordy.com

i have no idea where to "plug things in" im extremely new to this, thank you in advance

I want to have a menu at the top of the screen and then when you mouse over a section a drop down menu appears with links.

EDIT: how can I position the menu so it's at a specific part of the screen?

So i am startet at a webpage and wanted a cool menu to it and found one but i cant find any tutorials on how to make it the menu look like this:

As U can see the "HOME" bottom is longer because of the hover effect and that what i want to hear how that i can make that...

all the tuts i have found is where the images is the same size, but when i try that its not working...

Plzz help me fast

How can I get rid of the jumping of page when I hover over the "I'm stopping global..." image here http://ranabtawi.com/index.htm
Thanks

hi,

can anyone help me i need a small pop up window to open when i hover over an image.

sort of like on this site but with a bigger image

http://www.cssplay.co.uk/menu/mapper.html

the code for the images that i wish to use this on is,

Code:

<tr>
<td>
<div class="content">
<center>
<A href="http://gamesection.bravehost.com/roster.htm" title=""><img src="./images/thumb.jpg" alt="" /></A><border="0">
<A href="http://gamesection.bravehost.com/roster.htm" title=""><img src="./images/thumb.jpg" alt="" /></A><border="0">
<A href="http://gamesection.bravehost.com/roster.htm" title=""><img src="./images/thumb.jpg" alt="" /></A><border="0">
<A href="http://gamesection.bravehost.com/roster.htm" title=""><img src="./images/thumb.jpg" alt="" /></A><border="0">
<br />
<A href="http://gamesection.bravehost.com/roster.htm" title=""><img src="./images/thumb.jpg" alt="" /></A><border="0">
<A href="http://gamesection.bravehost.com/roster.htm" title=""><img src="./images/thumb.jpg" alt="" /></A><border="0">
<A href="http://gamesection.bravehost.com/roster.htm" title=""><img src="./images/thumb_hover.jpg" alt="" /></A><border="0">
<A href="http://gamesection.bravehost.com/roster.htm" title=""><img src="./images/thumb.jpg" alt="" /></A><border="0">
</center>
</div>
</td>
</tr>

the site is www.gamesection.bravehost.com

cheers.

I don't know alot about HTML. I just need a simple HTML Rollover/Hover code I can pop my image URLs into and it will work. Help?

I'm using Freewebs, btw.

here is the (ineffective) code currently:

<img style="float: left; width: 169px; height: 73px;" src="img/logo1.png" alt="" />
<h1 style="text-align: center;">random text</h1>

the image shifts the left margin such that the text is centered as though the page width was 169px less than it really is.

i'm not debating the code itself; the code above behaves as its meant to. aka no surprises. i just cant figure out the appropriate code to center the text across the entire real width of the page as though there was no image.

i've tried div tags & all the things google hunting advised. no luck. other than finding this forum, which seems like it'll be a boon!

thanx in advance for advise/comments/feedback/help.

I have seen this many times but can not figure how to do it. Its the transparent images or text in text boxes, one example of this is http://au.movies.yahoo.com/Coming+Soon/to-cinemas/ At the top right you can see that transparent yahoo image in the text box and when you click it it disappears then comes back? can someone tell me how this works?
Thanks

My client friend wants a links page with rollover emails that chage the main image of the page so he can have a different sketch of each of them.

My idea, and its backfiring as I can do this if I change the email text into images with swap image and a target but he wants them to remain as copyable (mmm is that even a word?) text.

Can it be done with text without making it an image?

many thanks to all you wonderful people that make these sites possible

jax

Im trying to create a simple thing for my business. What im trying to do is have the image of each of my employees and under it have their name and other info. I want the images side by side with some space and able to put their info under it. Can someone help me with a html code? thanks!

How do I type text on top of a image and have it look the same in IE and Firefox

Hi, I am relativeley new to web design, I am just wondering if there is a way for me to put text over an image in Dreamweaver.

I made my layout in Photoshop, sliced it in Imageready and now have it open in Dreamweaver.

Any help is much appreciated.

Thanks
-Danny

Edit: Sorry, should've posted a screenshot to give you a better idea of what I mean.. Click the link to see what it is I want the text on.. The 'box' is a slice by the way.
http://img396.imageshack.us/img396/3271/helpub8.jpg

Hi, I am new to the forum, and HTML. I have a website, but it built by someone else, who has since left the country, so I am trying to learn basic coding to do my own website work. My question is, how do I put an image on a page with text displayed on the image ? There is an image on the home page of my site, Lanna Charm, with text on it , and I have tried to create the same effect, without success. Is there an easy way to do this ? I found the image in "Assets", in the admin section, and I can reproduce it, but I want to use different images, with different text. Thank you, Mickmac

How can I, in a table, put text directly to the right of an image? When I try, the image is placed, and then there's plenty of space to the right, but the text goes to the bottom right corner of the picture. How can I have it like this: (x's represent the image)

xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx &larr; Text
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx

I'd like to have them all on a center line so to speak, where the middle of the text is lined up with the middle of the picture, and the text is centered (the text will be in a column-like structure, not just one line as it appears above)