Slicing Images not working in php site

programming web dev
1

I’m having trouble with some space between images.

I used photoshop to slice my image and saved it for web by html and images. If I take that html and images and put it on my server it works fine…looks perfect.

Now I’m using this in php and all of sudden when you put it on the page that gets included…there are spaces and things are out of alignment. I thought maybe it was something to do with my style sheet. But i deleted it all and lots of parts of my code and it still has the spaces…only when in the php site. So far the only browser i’ve seen it look perfect while part of the php site is IE.

This is the code that photoshop gave me that I used exactly

<html>
<head>
<title>bkg3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (bkg3.psd) -->
<table id="Table_01" width="1001" height="601" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="12">
            <img src="images/bkg3_01.jpg" width="1000" height="66" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="66" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/bkg3_02.jpg" width="328" height="111" alt=""></td>
        <td colspan="4">
            <img src="images/exterior.jpg" width="314" height="111" alt=""></td>
        <td colspan="4">
            <img src="images/bkg3_04.jpg" width="358" height="111" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="111" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="3">
            <img src="images/bkg3_05.jpg" width="274" height="157" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="images/bedroom.jpg" width="138" height="120" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="images/bathroom.jpg" width="132" height="120" alt=""></td>
        <td colspan="3" rowspan="2">
            <img src="images/family.jpg" width="151" height="120" alt=""></td>
        <td colspan="2">
            <img src="images/bkg3_09.jpg" width="305" height="36" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="36" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="images/garage.jpg" width="151" height="205" alt=""></td>
        <td rowspan="7">
            <img src="images/bkg3_11.jpg" width="154" height="387" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="84" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="2">
            <img src="images/kitchen.jpg" width="224" height="121" alt=""></td>
        <td colspan="4" rowspan="2">
            <img src="images/living.jpg" width="197" height="121" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="37" alt=""></td>
    </tr>
    <tr>
        <td rowspan="5">
            <img src="images/bkg3_14.jpg" width="12" height="266" alt=""></td>
        <td rowspan="3">
            <img src="images/forsale.jpg" width="93" height="119" alt=""></td>
        <td rowspan="5">
            <img src="images/bkg3_16.jpg" width="169" height="266" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="84" alt=""></td>
    </tr>
    <tr>
        <td colspan="8">
            <img src="images/bkg3_17.jpg" width="572" height="8" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="8" alt=""></td>
    </tr>
    <tr>
        <td colspan="6" rowspan="2">
            <img src="images/utility.jpg" width="420" height="115" alt=""></td>
        <td colspan="2" rowspan="3">
            <img src="images/bkg3_19.jpg" width="152" height="174" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="27" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/bkg3_20.jpg" width="93" height="147" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="88" alt=""></td>
    </tr>
    <tr>
        <td colspan="6">
            <img src="images/bkg3_21.jpg" width="420" height="59" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="59" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="12" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="93" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="169" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="54" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="84" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="86" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="46" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="98" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="52" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="151" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="154" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

I tried to look for answers…and tried everything margin/padding:0, display:block , border:0 anything and everything i could think of…

Is there anyone that could offer some advice??

2

What is the exact code that is outputted by your php file?

3

it’s a whitespace issue, remove all the line breaks in your code OR you can do one of two things

float all your images

or


#Table_01 { line-height: 0; }