HTML Table HORROR! A little Help?

S

skorpion

Regular Member
Joined
Dec 28, 2008
Messages
266
Reaction score
58
I realize this should be done w/ css but I've got this table on an existing website and the two images below in red aren't linking as the others are.

The urls are correct, images paths are all correct.

This issue is only with Firefox and Chrome. They work fine in IE.

Can anyone help?? I'd really appreciate it!

Code: 
<table id="Table_01" width="940" height="545" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="7">
			<img src="images/category-thumbs-sliced_01.png" width="940" height="101" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/category-thumbs-sliced_02.png" width="16" height="444" alt=""></td>
		<td>
			<a href="http://***.com/category/bedroom"><img src="images/thumb-bedroom.png" width="293" height="207" alt=""></a></td>
		<td rowspan="4">
			<img src="images/category-thumbs-sliced_04.png" width="15" height="444" alt=""></td>
		<td>
			<a href="http://***.com/category/dining-room"><img src="images/thumb-dining.png" width="293" height="207" alt=""></a></td>
		<td rowspan="4">
			<img src="images/category-thumbs-sliced_06.png" width="15" height="444" alt=""></td>
		[COLOR="Red"]<td>
			<a href="http://***.com/category/office-library"><img src="images/thumb-office-library.png" width="293" height="207" alt=""></a></td>[/COLOR]
		<td rowspan="4">
			<img src="images/category-thumbs-sliced_08.png" width="15" height="444" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/category-thumbs-sliced_09.png" width="293" height="15" alt=""></td>
		<td>
			<img src="images/category-thumbs-sliced_10.png" width="293" height="15" alt=""></td>
		<td>
			<img src="images/category-thumbs-sliced_11.png" width="293" height="15" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="http://***.com/category/misc"><img src="images/thumb-misc.png" width="293" height="207" alt=""></a></td>
		<td>
			<a href="http://***.com/category/living-room-parlor"><img src="images/thumb-living-parlor.png" width="293" height="207" alt=""></a></td>
		[COLOR="Red"]<td>
			<a href="http://***.com/category/entry-hallway"><img src="images/thumb-entry-hallway.png" width="293" height="207" alt=""></a></td>[/COLOR]
	</tr>
	<tr>
		<td>
			<img src="images/category-thumbs-sliced_15.png" width="293" height="15" alt=""></td>
		<td>
			<img src="images/category-thumbs-sliced_16.png" width="293" height="15" alt=""></td>
		<td>
			<img src="images/category-thumbs-sliced_17.png" width="293" height="15" alt=""></td>
	</tr>
</table>
 
Advertise on BHW
I could probably help if I could see the site. (and your asking for help on DP? tsk tsk lol)
 
Oh...lol yes I posted it there too....just trying to get some help on this. Cant figure it out and its pissing me off.
 
I have just tested the code in firefox and it seems working fine.
(I am using Fireforox version 3.5.7 )
 
You know what is even stranger that that? I copied the html code above and made it into a html document, and that link is clickable in firefox then.

edit: Can u turn on the table border to 1 or 2?
 
Last edited:
It is the CSS which screwing your page. There is a div tag called "homepage". That is what is screwing things.

Check for the below code just above your table.
HTML: 
<div id="content">

	<div id="homepage">

<div class="table">

<table id="Table_01" border="0" cellpadding="0" cellspacing="0" height="545" width="940">
	<tbody>

Now rename the div id="homepage" to something else and try. Say, div id="screwit". The link should be clickable now.

I need look deep into your style sheet to find what exactly is "homepage" div doing wrong.
 
Ok, I figured it out.

Open your style.css

Find the following lines,
Code: 
	Homepage 		    	                    * 
************************************************/
	
#homepage {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px;
	}

The homepage div width is set to 600 whereas your table width is more. So change it accordingly.

Try replacing the above code with the below code. It should work.
Code: 
	Homepage 		    	                    * 
************************************************/
	
#homepage {
	float: left;
	width: 940px;
	margin: 0px;
	padding: 0px;
	}
Hope this helps.
Damn... It took some time for me to figure out.

-Neo
 
neo said:
Ok, I figured it out.

Open your style.css

Find the following lines,
Code: 
	Homepage 		    	                    * 
************************************************/
	
#homepage {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px;
	}

The homepage div width is set to 600 whereas your table width is more. So change it accordingly.

Try replacing the above code with the below code. It should work.
Code: 
	Homepage 		    	                    * 
************************************************/
	
#homepage {
	float: left;
	width: 940px;
	margin: 0px;
	padding: 0px;
	}
Hope this helps.
Damn... It took some time for me to figure out.

-Neo
Click to expand...

BOOYA!!! That was it. lol Thanks a lot! I appreciate it!

Thanks to others for your efforts!
 
hey bud

sorry for not getting back to you last night, after you sent me your pm i bhw appeared down so couldnt get back on to reply.

not sure if you did the changes shortly after you sent me the pm but it looked fine in my ff browser but by sounds of it think your good now on your browser too! :)
 
Advertise on BHW
You must log in or register to reply here.
Sign up now!

Main Menu

Home Main Forum List Black Hat SEO White Hat SEO BHW Newbie Guide Blogging Black Hat Tools Social Media Downloads

Marketplace

Account Selling Content / Copywriting EBooks / Methods Hosting Misc Proxies For Sale SEO - Link building SEO - Packages Social Media Social Media - Panels Web Design More

Making Money

Affiliate Programs Hire a Freelancer IM Journeys Making Money Pay Per Click Site Flipping Want to Buy

BlackHat World

Dispute Resolution Forum Suggestions & Feedback Introductions Lounge
Back
Top