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

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:
    636
    Likes Received:
    121
    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 Jr. VIP Jr. VIP Premium Member

    Joined:
    Apr 25, 2011
    Messages:
    8,794
    Likes Received:
    6,338
    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:
    636
    Likes Received:
    121
    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 Jr. VIP Jr. VIP Premium Member

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