Skip navigation
Currently Being Moderated

Unable to align Fireworks-generated HTML & Image in DW

Jan 8, 2013 5:04 PM

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

 
Replies
  • Currently Being Moderated
    Jan 8, 2013 6:38 PM   in reply to Eadig

    OMG!!!!!

     

    Contrary to your belief, this is not the way to go.

     

    You have got a basic layout as per

    • HEADER with three columns
    • NAV with 7 items
    • SECTION with 2 columns
    • SECTION with 2 rows with 4 columns each
    • FOOTER

     

    This is very easily done using HTML and CSS. You already have the layout, images and colour scheme. The page should be able to be constructed within 2 hours.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 9, 2013 5:32 AM   in reply to Eadig

    I'm assuming this is just for presentation and not for practical use so just wrap it in a div with a fixed width, margin: 0 auto.  If that doesn't do the trick, add text-align: center.  It won't affect any text because there is not any in your code.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points