1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

HTML Table HORROR! A little Help?

Discussion in 'Web Design' started by skorpion, Feb 1, 2010.

  1. skorpion

    skorpion Regular Member

    Joined:
    Dec 28, 2008
    Messages:
    266
    Likes Received:
    55
    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>
     
  2. rudeprincess

    rudeprincess Junior Member

    Joined:
    Dec 5, 2009
    Messages:
    151
    Likes Received:
    92
    I could probably help if I could see the site. (and your asking for help on DP? tsk tsk lol)
     
    • Thanks Thanks x 1
  3. skorpion

    skorpion Regular Member

    Joined:
    Dec 28, 2008
    Messages:
    266
    Likes Received:
    55
    Thanks, I sent you a PM. I'd rather not post the link here.
     
  4. skorpion

    skorpion Regular Member

    Joined:
    Dec 28, 2008
    Messages:
    266
    Likes Received:
    55
    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.
     
  5. neo

    neo Power Member

    Joined:
    May 5, 2007
    Messages:
    500
    Likes Received:
    365
    I have just tested the code in firefox and it seems working fine.
    (I am using Fireforox version 3.5.7 )
     
    • Thanks Thanks x 1
  6. rudeprincess

    rudeprincess Junior Member

    Joined:
    Dec 5, 2009
    Messages:
    151
    Likes Received:
    92
    What happens if you use the absolute URL?
     
    • Thanks Thanks x 1
  7. ukescuba

    ukescuba Jr. VIP Jr. VIP Premium Member

    Joined:
    Feb 24, 2008
    Messages:
    994
    Likes Received:
    634
    Occupation:
    Mobile Marketer & QR Code Junkie
    Location:
    San Antonio, TX
    Home Page:
    pm i can have a quick look over it too for you...
     
    • Thanks Thanks x 1
  8. skorpion

    skorpion Regular Member

    Joined:
    Dec 28, 2008
    Messages:
    266
    Likes Received:
    55
    hmmm let me try that. I appreciate your help. brb
     
  9. skorpion

    skorpion Regular Member

    Joined:
    Dec 28, 2008
    Messages:
    266
    Likes Received:
    55
    Tried that and no difference. This is strange.
     
  10. rudeprincess

    rudeprincess Junior Member

    Joined:
    Dec 5, 2009
    Messages:
    151
    Likes Received:
    92
    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?
     
    • Thanks Thanks x 1
    Last edited: Feb 1, 2010
  11. skorpion

    skorpion Regular Member

    Joined:
    Dec 28, 2008
    Messages:
    266
    Likes Received:
    55
    lol. I dont know.
     
  12. neo

    neo Power Member

    Joined:
    May 5, 2007
    Messages:
    500
    Likes Received:
    365
    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.
     
    • Thanks Thanks x 1
  13. rudeprincess

    rudeprincess Junior Member

    Joined:
    Dec 5, 2009
    Messages:
    151
    Likes Received:
    92
    Sorry I couldn't help you further. I tried but I didn't see any problems with the code.
     
    • Thanks Thanks x 1
  14. neo

    neo Power Member

    Joined:
    May 5, 2007
    Messages:
    500
    Likes Received:
    365
    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
     
    • Thanks Thanks x 1
  15. skorpion

    skorpion Regular Member

    Joined:
    Dec 28, 2008
    Messages:
    266
    Likes Received:
    55
    BOOYA!!! That was it. lol Thanks a lot! I appreciate it!

    Thanks to others for your efforts!
     
  16. ukescuba

    ukescuba Jr. VIP Jr. VIP Premium Member

    Joined:
    Feb 24, 2008
    Messages:
    994
    Likes Received:
    634
    Occupation:
    Mobile Marketer & QR Code Junkie
    Location:
    San Antonio, TX
    Home Page:
    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! :)