HTML - Image Link Problem, Please Help!

i'm trying to give a url link to a image...but after i gave the link, that image appears to be bumped up and automaticaly put a blue border around that image.
site reference is
mahinthan.net46.net
plz help me to get rid from this problem

thanks

Hey, im making a portfolio site and i am linking my images except when i link them i get a small blue border around it whihc moves it down a bit and it looks outta place i was wondeirng is there anyway to take this border out or not plz help. heres what it looks like be4 and after.

Hey all.
I'm having a problem with my website's image links. For some reason there are orange bars around all of the images that are in link tags, and when you click on them they turn purple. They're very tacky and I have no idea why they're there.

Here's my website's URL: www.populous3.co.nr
Here's the code for one of the pictures:
Code:

<a href="images.htm"><img src="/images/images.jpg" /></a>

Any help will be appreciated!
Thanks,
Suleiman

Hello, I'm new to the forums =) I'm currently having a problem with my navigation which involves images. Initally I used the traditional image map method using area maps and the usemap function but it only worked in the webpage itself, and when the webpage shows in an iframe the links are nonexistent.

So I sliced my navigation to give the sliced images the url link instead. As usual, they work on their own but when the page is shown in an iframe, some of the links disappear (you can't even hover on them) only in Firefox, Chrome and Safari. But some of the links are also still intact. In IE and Opera they work perfectly fine.

Below is the code for the page which contains the navigation and links aforementioned, which will be displayed in an iframe of another page:

Code:

<!-- ImageReady Slices (mainframe.jpg) -->
<table id="Table_01" width="971" height="565" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="4">
			<img src="images/mainframe_01.gif" width="200" height="531" alt="""  style="z-index:-3;"></td>
		<td>
			<a href="defence.html" target="_parent"
				onmouseover="window.status='STET Defence';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_02.gif" width="332" height="163" border="0" alt="" style="z-index:1;"></a></td>
		<td rowspan="4">
			<img src="images/mainframe_03.gif" width="438" height="531" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="163" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="maritime.html" target="_parent"
				onmouseover="window.status='STET Maritime';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_04.gif" width="332" height="134" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="134" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="homelandsec.html" target="_parent"
				onmouseover="window.status='STET Homeland Security';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_05.gif" width="332" height="138" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="138" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="centre.html" target="_parent"
				onmouseover="window.status='STET Centre';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_06.gif" width="332" height="130" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="96" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="https://mail.stet.com.sg/owa/auth/logon.aspx?url=https://mail.stet.com.sg/owa&reason=0" target="_parent"
				onmouseover="window.status='Login to Intranet';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_07.gif" width="200" height="34" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<a href="sitemap.php" target="mainframe"
				onmouseover="window.status='Lost?';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_08.gif" width="438" height="34" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="34" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->

<div id="pict" style="position:absolute;top:200px;left:10px;z-index:0;">
<iframe name="news" src="news.php" FRAMEBORDER=no name="frame" allowTransparency scrolling=auto style="filter:chroma
(color=#FFFFFF)"  width="185" height="90"></iframe>
</div>

There is another iframe in this page which I wonder might be causing the problem. However even when I removed it the problem remains.

Any ideas how to fix it?

Would really appreciate the help, thanks!

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?