HTML - Hover On Image Link

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.

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

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?

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.

hi there. i made a website for somebody years ago when i knew nothing about html. the code is absolutely crazily bad and i am looking to revamp it.
the site is www.englishandproudofit.co.uk

i know how to do the layout but its the buttons i am struggling with.
what is the best way to make the buttons around the outside?
i only want to use one image for all of the buttons and then have text on each button that also chnages colour on hover, pretty much how it is now but what would be the correct way to do it?
all help greatly appreciated. thank you, sam

the title makes it sounds really confusing.
Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another.

The code is -

HTML Code:

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg'
Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg'
Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg'
Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg' 


// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);

Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one)

can anyone help me?

Say I have an image that is 400px tall, and 200 px wide.


What do I have to do so that if the user clicks the top half of the image, it takes him to a certain link, and it takes him to a different link if he clicks the lower half?

I think this is possiboe, and I do not want to use 2 images... Thanks! I appreciate all your help!

im kind of new to design and some of my image links have a small blue box around them and i dont know what it is. Im using dreamweaver to build my site. it is www.devilthreads.com if you want to check it out

But how do i get rid of that damn blue box around the image link

Hi Guys,

I have an image with link tags around it but it doesnt work in IE6. See code:

<a href="http://www.site.com"><img src="images/support_button.png" class="supportbutton"/></a>

.supportbutton {
float : right;
margin-top : -0.4em;
padding : 0;
border : none;
}

I have never encountered this problem before and can't figure it out.

I've created an include file that holds my left nav. It's a table that holds various images that are links. But the last two buttons (that are simple and small gifs) I've created will not render at all in IE6. In view source it shows the table tags fine, but strips out the image tags for those buttons. The really weird thing is that everyone else can see the images on their computers in Firefox, IE6 and IE7, Mozilla, etc...

Also, if I take the actual links out of the href tag and leave it blank, the images show up fine.

What the heck is wrong with my browser???

Hi,

I've been working on a site which I'm going to launch soon, but I added an image link although for some reason I can't get it to become a link while I have it in the Nav Div. If i take it outside the nav div it will work normal but for some reason not where it is at.

The site is http://shokzguide.com

If you take a look at the blue download button to the right of the page you will notice that you cannot click on it even though it is a link, if anyone could help I would greatly appreciate it as I can't for the life of me figure out why it isn't working while I have it in the nav.

Hello i need help getting a button to work in my website. It will be a link to another page. I have this html. I have three images.They are gifs. I also have three more in .png. I can make just about any kind of file. When i made the files i used transparency and interlaced. I'll attach images. I want one to appear when to mouse goes over it and one to appear when it's clicked. The attached ones are .png's.

thanks

hi,
I've tried for ages to use different methods to try to get the required code, but nothing seems to work.
i'm trying to make a link which is an image, when it is clicked i'd like it to open the link in a new window. I also want the image on the original page to change once it has been clicked on. The target url need to be hidden on the mouseover on original page.

for use in example:
original image = image1.gif
lnik url= http://my chosen site.html
after click inmage = image2.gif

I will be needing this to be able to be repeated for different target urls, all on the same page next to eachother.

any help is much appreciated!

confused idiot

Ok, what is the code to put in to get this done?

I have image at:

images/tables/image.jpg

and i need to show it at

work/portfolio/index.html

The problem is if i link to images/tables/image.jpg
it will now show it cause the path is wrong at
work/portfolio/index.html, how do i set path to
the image? do i just put ../images/tables/image.jpg or what is the right code?

thanks!

Hi, I'm new here, and even new to coding websites. Well, it's going pretty well this far I think, but I have one problem now. I have placed a picture/logo which I have turned into a link. It's working very well and looks great, in Google Chrome! But in IE there's a "border" which is blue, and with mouse over it's red. Like all the other links on my site. But I don't want this "border" to be there, just like in Chrome. I have tried almost everything to remove it, but I can't. And I can't even figure out why it's there.

Can somebody help me?

Thank you.

Best regards Thomas.