Firefox issue with a link

**David** · May 27th, 2007, 5:19 AM

Code:

<div class="header">
<a href="http://www.sidebreak.com/" >
<img src="http://www.sidebreak.com/img/header.png" alt="Sidebreak.com" border="0" height="135" /></a>
</div><br />

I have no clue why, but for some reason the image isn't a link in Firefox, other than the upper few pixels. It doesn't even seem to recognize it as an image.
Any ideas?

**jdcopelin** · May 27th, 2007, 7:08 AM

Quote:

Originally Posted by David

Code:

<div class="header">
<a href="http://www.sidebreak.com/" >
<img src="http://www.sidebreak.com/img/header.png" alt="Sidebreak.com" border="0" height="135" /></a>
</div><br />

I have no clue why, but for some reason the image isn't a link in Firefox, other than the upper few pixels. It doesn't even seem to recognize it as an image.
Any ideas?

Hi,

The div layer "top-nav" is overlapping the div "header ", so only the top few pixels that are overlapping are an active link. Firefox is very strict when it comes to things like this. You will have to reduce the width of "top-nav". If you get the webdeveloper toolbar for Firefox it will show things like this at the click of a button - by outlining the extents of selected elements.

Hope you get it working!

Regards
Jonathan

**David** · May 27th, 2007, 11:05 PM

Ah. Thanks. That helped. I did download that after you mentioned it, so maybe I'll actually use it.

And, problem solved. I just floated it over instead. I'm not sure why I didn't do that to begin with. I think I did, and messed something up so I just went the other way with it.

H · May 28th, 2007, 1:14 AM

I also recommend Firebug. You can use the inspect mode to hover over elements to see a blue outline. You can also right-click on an object, inspect it and view every property the browser is seeing... including a box model description.

**jdcopelin** · May 28th, 2007, 4:54 AM

Quote:

Originally Posted by H

I also recommend Firebug. You can use the inspect mode to hover over elements to see a blue outline. You can also right-click on an object, inspect it and view every property the browser is seeing... including a box model description.

Thanks for that recommendation H - I missed that handy add-on being released!
Cheers
Jonathan

**David** · May 28th, 2007, 5:02 AM

Quote:

Originally Posted by H

I also recommend Firebug. You can use the inspect mode to hover over elements to see a blue outline. You can also right-click on an object, inspect it and view every property the browser is seeing... including a box model description.

Thanks for the recommendation. :thumbsup

May 27th, 2007, 5:19 AM	#1 (permalink)
David I'm Dope as Crack Resident. Joined in Mar 2004 Lives in Asheboro, NC Hosted on Pass 7 13,036 posts Gave thanks: 7 Thanked 29 times	Firefox issue with a link Code: <div class="header"> <a href="http://www.sidebreak.com/" > <img src="http://www.sidebreak.com/img/header.png" alt="Sidebreak.com" border="0" height="135" /></a> </div><br /> I have no clue why, but for some reason the image isn't a link in Firefox, other than the upper few pixels. It doesn't even seem to recognize it as an image. Any ideas? __________________ Last edited by David; May 27th, 2007 at 5:21 AM.

May 27th, 2007, 11:05 PM	#3 (permalink)
David I'm Dope as Crack Resident. Joined in Mar 2004 Lives in Asheboro, NC Hosted on Pass 7 13,036 posts Gave thanks: 7 Thanked 29 times	Ah. Thanks. That helped. I did download that after you mentioned it, so maybe I'll actually use it. And, problem solved. I just floated it over instead. I'm not sure why I didn't do that to begin with. I think I did, and messed something up so I just went the other way with it. __________________

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

May 28th, 2007, 1:14 AM	#4 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,058 posts Gave thanks: 48 Thanked 129 times	I also recommend Firebug. You can use the inspect mode to hover over elements to see a blue outline. You can also right-click on an object, inspect it and view every property the browser is seeing... including a box model description.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)