Please help in photoshop slicing table

Discussion in 'Web Design' started by myfault, Aug 9, 2013.

  1. myfault

    myfault Power Member

    Joined:
    Sep 21, 2012
    Messages:
    725
    Likes Received:
    131
    I download one PSD pricing table and when i slice image and make it html with images. I view thought dreamweaver and it is showing perfect but when i upload this wordpress in the page everything was moved here and there and showing white spaces.

    Screenshot

    WennqGK.jpg

    Here is the code

    Code:
    <html>
    <head>
    <title>license</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">
    
    
    <table id="Table_01" width="726" height="405" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td colspan="11">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_01.jpg" width="725" height="8" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="8" alt=""></td>
        </tr>
        <tr>
            <td rowspan="12">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_02.jpg" width="3" height="396" alt=""></td>
            <td colspan="5">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_03.gif" width="249" height="64" alt=""></td>
            <td colspan="3">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_04.gif" width="236" height="64" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_05.gif" width="230" height="64" alt=""></td>
            <td rowspan="12">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_06.jpg" width="7" height="396" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="64" alt=""></td>
        </tr>
        <tr>
            <td colspan="2" rowspan="2">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_07.gif" width="231" height="31" alt=""></td>
            <td colspan="4" rowspan="3">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_08.gif" width="241" height="32" alt=""></td>
            <td colspan="3">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_09.gif" width="243" height="26" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="26" alt=""></td>
        </tr>
        <tr>
            <td colspan="3" rowspan="5">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_10.gif" width="243" height="86" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="5" alt=""></td>
        </tr>
        <tr>
            <td colspan="2" rowspan="5">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_11.gif" width="231" height="97" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="1" alt=""></td>
        </tr>
        <tr>
            <td colspan="4">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_12.gif" width="241" height="17" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="17" alt=""></td>
        </tr>
        <tr>
            <td colspan="2">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_13.gif" width="13" height="2" alt=""></td>
            <td colspan="2" rowspan="3">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_14.gif" width="228" height="79" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="2" alt=""></td>
        </tr>
        <tr>
            <td colspan="2" rowspan="2">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_15.jpg" width="13" height="77" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="61" alt=""></td>
        </tr>
        <tr>
            <td colspan="3" rowspan="2">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_16.gif" width="243" height="105" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="16" alt=""></td>
        </tr>
        <tr>
            <td colspan="2">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_17.gif" width="231" height="89" alt=""></td>
            <td rowspan="4">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_18.jpg" width="12" height="204" alt=""></td>
            <td colspan="3" rowspan="2">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_19.gif" width="229" height="91" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="89" alt=""></td>
        </tr>
        <tr>
            <td rowspan="3">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_20.jpg" width="1" height="115" alt=""></td>
            <td rowspan="2">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_21.gif" width="230" height="105" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_22.gif" width="1" height="2" alt=""></td>
            <td colspan="2" rowspan="2">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_23.jpg" width="242" height="105" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="2" alt=""></td>
        </tr>
        <tr>
            <td colspan="3">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_24.gif" width="229" height="103" alt=""></td>
            <td rowspan="2">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_25.jpg" width="1" height="113" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="103" alt=""></td>
        </tr>
        <tr>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_26.jpg" width="230" height="10" alt=""></td>
            <td colspan="3">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_27.jpg" width="229" height="10" alt=""></td>
            <td colspan="2">
                <img src="http://www.blackhatworld.com/blackhat-seo/images/license_28.jpg" width="242" height="10" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="10" alt=""></td>
        </tr>
        <tr>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="3" height="1" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="1" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="230" height="1" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="12" height="1" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="1" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="5" height="1" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="223" height="1" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="1" height="1" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="12" height="1" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="230" height="1" alt=""></td>
            <td>
                <img src="http://www.blackhatworld.com/blackhat-seo/images/spacer.gif" width="7" height="1" alt=""></td>
            <td></td>
        </tr>
    </table>
    </body>
    </html>
    
    Kindly ignore the blackhatworld.com, its automatically taken when i publish the post.
     
  2. davids355

    davids355 Moderator Staff Member Moderator Jr. VIP

    Joined:
    Apr 25, 2011
    Messages:
    12,275
    Likes Received:
    10,310
    Location:
    Scotland
    Home Page:
    Ah man, dreamweaver sucks. You could display that with about 3 lines of HTML :-(
     
  3. myfault

    myfault Power Member

    Joined:
    Sep 21, 2012
    Messages:
    725
    Likes Received:
    131
    So any other software who render well in the same time like dreamweaver. By the way i used notepad++ and output was fine as same as other software, do you know the solution ?
     
  4. jewradly

    jewradly Junior Member

    Joined:
    Feb 9, 2012
    Messages:
    137
    Likes Received:
    16
    Occupation:
    Bau5
    Location:
    Californee
    Lol learn how to code bro.