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

HELP?! HTML within WP Page - FF Compatibility Issue

Discussion in 'Web Design' started by skorpion, Dec 6, 2009.

  1. skorpion

    skorpion Regular Member

    Joined:
    Dec 28, 2008
    Messages:
    266
    Likes Received:
    55
    I've pasted the following code into the source code of a wordpress page.

    It is a sliced PS layout. It displays perfect in IE but in Chrome and FF the image slices are separated vertically.

    hxxp://mai-ne-me-di-apr-os.com/ (REMOVE DASHES)

    click on "WEB DESIGN" in the nav bar.

    source:
    HTML:
    <center>
    	<p><!-- Save for Web Slices (hostingicons.psd) --></p>
    	<table border="0" cellpadding="0" cellspacing="0" height="365" width="658">
    		<tbody>
    			<tr>
    				<td><a href="http://URLREMOVED.com/compare_websites"> <img alt="Ready to Go Website" border="0" height="156" src="http://URLREMOVED.com/images/Readtogo.gif" width="223" /></a></td>
    				<td><a href="http://URLREMOVED.com/compare_websites"> <img alt="Full Custom Website" border="0" height="156" src="http://URLREMOVED.com/images/Fullcustom.gif" width="215" /></a></td>
    				<td><a href="http://URLREMOVED.com/compare_websites"> <img alt="Mini Website" border="0" height="156" src="http://URLREMOVED.com/images/Mini.gif" width="220" /></a></td>
    			</tr>
    			<tr>
    				<td><a href="http://URLREMOVED.com/compare_websites"> <img alt="Custom Wordpress Website" border="0" height="160" src="http://URLREMOVED.com/images/Customwordpress.gif" width="223" /></a></td>
    				<td><a href="http://URLREMOVED.com/compare_websites"> <img alt="Pre Developed Websites" border="0" height="160" src="http://URLREMOVED.com/images/Predev.gif" width="215" /></a></td>
    				<td><a href="http://URLREMOVED.com/compare_websites"> <img alt="Personal Website" border="0" height="160" src="http://URLREMOVED.com/images/personal.gif" width="220" /></a></td>
    			</tr>
    			<tr>
    				<td colspan="3"><a href="http://URLREMOVED.com/compare_websites"> <img alt="Compare Our Website Packages" border="0" height="49" src="http://URLREMOVED.com/images/compare_websites.gif" width="658" /></a></td>
    			</tr>
    		</tbody>
    	</table>
    	<br />
    	<table border="0" cellpadding="0" cellspacing="0" height="365" id="Table_01" width="658"></table>
    <!-- End Save for Web Slices --></center>
    
    Thank you!
     
  2. Platinum01

    Platinum01 Registered Member

    Joined:
    Nov 19, 2009
    Messages:
    69
    Likes Received:
    12
    It looked the same in Firefox and IE for me.
     
    • Thanks Thanks x 1
  3. skorpion

    skorpion Regular Member

    Joined:
    Dec 28, 2008
    Messages:
    266
    Likes Received:
    55
    I just fixed it...changed up the slices so you cant tell that they are separated. Thx
     
  4. blaoffer

    blaoffer Newbie

    Joined:
    Oct 27, 2009
    Messages:
    6
    Likes Received:
    0
    The code was no problem,It is just table-layout.
     
  5. 1star

    1star Newbie

    Joined:
    Aug 22, 2009
    Messages:
    47
    Likes Received:
    98
    Code OK!