3 Replies Latest reply: Jan 9, 2013 5:32 AM by Ben M RSS

    Unable to align Fireworks-generated HTML & Image in DW

    Eadig Community Member

      Good morning/evening

       

      Much as I wanted to avoid, due to time constraints I have been compelled to use Fireworks-generated sliced images and HTML in DW CS6. As it happens, all the objects including nav items are contained in table elements. To align all the objects to the center, I inserted 'align="center"' into the table style element with no effect. I have attached the screenshot and the sourcecode below. Please advise me how to get them aligned to center.

       

      misaligned nav.PNG

       

      <!DOCTYPE HTML>

       

      <html lang="en">

      <head>

      <title>Internet Mall for European Traders</title>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

      <!--Fireworks CS6 Dreamweaver CS6 target.  Created Wed Jan 09 09:22:49 GMT+0900 2013-->

      </head>

      <body bgcolor="#99ccff">

      <table style="display: inline-table;" bgcolor="#99ccff" border="0" cellpadding="0" cellspacing="0" width="1366" align="center">

      <!-- fwtable fwsrc="euronet.jp.fw.png" fwpage="Home" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "1679326314" fwnested="0" -->

        <tr>

         <td><img src="images/index/spacer.gif" width="283" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="50" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="99" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="100" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="34" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="2" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="31" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="32" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="101" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="68" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="31" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="71" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="29" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="97" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="3" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="49" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="283" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="1" alt=""></td>

        </tr>

       

       

        <tr>

         <td rowspan="14" bgcolor="#99ccff"><img src="images/index/spacer.gif" width="283" height="1200" alt=""></td>

         <td colspan="18"><img name="body" src="images/index/body.jpg" width="800" height="15" alt=""></td>

         <td rowspan="14" bgcolor="#99ccff"><img src="images/index/spacer.gif" width="283" height="1200" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="15" alt=""></td>

        </tr>

        <tr>

         <td rowspan="12"><img name="index_r2_c2" src="images/index/index_r2_c2.jpg" width="50" height="1040" alt=""></td>

         <td rowspan="3" colspan="5"><img name="index_r2_c3" src="images/index/index_r2_c3.jpg" width="266" height="146" alt=""></td>

         <td colspan="12"><img name="index_r2_c8" src="images/index/index_r2_c8.jpg" width="484" height="5" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="5" alt=""></td>

        </tr>

        <tr>

         <td rowspan="3" colspan="6"><img name="index_r3_c8" src="images/index/index_r3_c8.jpg" width="304" height="149" alt=""></td>

         <td colspan="2"><img name="index_r3_c14" src="images/index/index_r3_c14.jpg" width="126" height="17" alt=""></td>

         <td rowspan="3" colspan="4"><img name="index_r3_c16" src="images/index/index_r3_c16.jpg" width="54" height="149" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="17" alt=""></td>

        </tr>

        <tr>

         <td rowspan="2" colspan="2"><img name="index_r4_c14" src="images/index/index_r4_c14.jpg" width="126" height="132" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="124" alt=""></td>

        </tr>

        <tr>

         <td colspan="5"><img name="index_r5_c3" src="images/index/index_r5_c3.jpg" width="266" height="8" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="8" alt=""></td>

        </tr>

        <tr>

         <td><img name="homebutton" src="images/index/home-button.jpg" width="99" height="29" alt=""></td>

         <td><img name="index_r6_c4" src="images/index/index_r6_c4.jpg" width="100" height="29" alt=""></td>

         <td colspan="4"><img name="index_r6_c5" src="images/index/index_r6_c5.jpg" width="99" height="29" alt=""></td>

         <td><img name="index_r6_c9" src="images/index/index_r6_c9.jpg" width="101" height="29" alt=""></td>

         <td colspan="3"><img name="index_r6_c10" src="images/index/index_r6_c10.jpg" width="100" height="29" alt=""></td>

         <td colspan="2"><img name="index_r6_c13" src="images/index/index_r6_c13.jpg" width="100" height="29" alt=""></td>

         <td colspan="2"><img name="index_r6_c15" src="images/index/index_r6_c15.jpg" width="100" height="29" alt=""></td>

         <td rowspan="4" colspan="3"><img name="index_r6_c17" src="images/index/index_r6_c17.jpg" width="51" height="374" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="29" alt=""></td>

        </tr>

        <tr>

         <td colspan="14"><img name="index_r7_c3" src="images/index/index_r7_c3.jpg" width="699" height="8" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="8" alt=""></td>

        </tr>

        <tr>

         <td colspan="10"><img name="index_r8_c3" src="images/index/index_r8_c3.jpg" width="499" height="321" alt=""></td>

         <td colspan="4"><img name="index_r8_c13" src="images/index/index_r8_c13.jpg" width="200" height="321" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="321" alt=""></td>

        </tr>

        <tr>

         <td colspan="14"><img name="index_r9_c3" src="images/index/index_r9_c3.jpg" width="699" height="16" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="16" alt=""></td>

        </tr>

        <tr>

         <td colspan="3"><img name="index_r10_c3" src="images/index/index_r10_c3.jpg" width="233" height="249" alt=""></td>

         <td colspan="5"><img name="index_r10_c6" src="images/index/index_r10_c6.jpg" width="234" height="249" alt=""></td>

         <td rowspan="4"><img name="index_r10_c11" src="images/index/index_r10_c11.jpg" width="1" height="512" alt=""></td>

         <td colspan="6"><img name="index_r10_c12" src="images/index/index_r10_c12.jpg" width="232" height="249" alt=""></td>

         <td rowspan="2" colspan="2"><img name="index_r10_c18" src="images/index/index_r10_c18.jpg" width="50" height="250" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="249" alt=""></td>

        </tr>

        <tr>

         <td colspan="8"><img name="index_r11_c3" src="images/index/index_r11_c3.jpg" width="467" height="1" alt=""></td>

         <td colspan="6"><img name="index_r11_c12" src="images/index/index_r11_c12.jpg" width="232" height="1" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="1" alt=""></td>

        </tr>

        <tr>

         <td colspan="3"><img name="index_r12_c3" src="images/index/index_r12_c3.jpg" width="233" height="249" alt=""></td>

         <td rowspan="2"><img name="index_r12_c6" src="images/index/index_r12_c6.jpg" width="2" height="262" alt=""></td>

         <td colspan="4"><img name="index_r12_c7" src="images/index/index_r12_c7.jpg" width="232" height="249" alt=""></td>

         <td colspan="7"><img name="index_r12_c12" src="images/index/index_r12_c12.jpg" width="233" height="249" alt=""></td>

         <td rowspan="2"><img name="index_r12_c19" src="images/index/index_r12_c19.jpg" width="49" height="262" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="249" alt=""></td>

        </tr>

        <tr>

         <td colspan="3"><img name="index_r13_c3" src="images/index/index_r13_c3.jpg" width="233" height="13" alt=""></td>

         <td colspan="4"><img name="index_r13_c7" src="images/index/index_r13_c7.jpg" width="232" height="13" alt=""></td>

         <td colspan="7"><img name="index_r13_c12" src="images/index/index_r13_c12.jpg" width="233" height="13" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="13" alt=""></td>

        </tr>

        <tr>

         <td colspan="18"><img name="index_r14_c2" src="images/index/index_r14_c2.jpg" width="800" height="145" alt=""></td>

         <td><img src="images/index/spacer.gif" width="1" height="145" alt=""></td>

        </tr>

      </table>

      </body>

      </html>

       

      Thank you,

       

      Ead