1 Reply Latest reply on Aug 5, 2008 5:46 AM by Newsgroup_User

    Tables in Explorer and Firefox

    dinidahk
      I'm having problems figuring out why a table layout I output from Adobe ImageReady shows up fine in Safari but not Explorer or Firefox. Basically, a couple of cells in the table are adding unwanted spacing and are causing the layout to be off in Explorer. Take a look at the site at www.pardini.info/rtmasheen, or check out the attached code. thanks.
        • 1. Re: Tables in Explorer and Firefox
          Level 7
          It's simple. Read this -

          http://apptools.com/rants/spans.php

          HTML code written by a graphics application is NOT suitable for production
          work.

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          ==================


          "dinidahk" <webforumsuser@macromedia.com> wrote in message
          news:g78nm1$fhs$1@forums.macromedia.com...
          > I'm having problems figuring out why a table layout I output from Adobe
          > ImageReady shows up fine in Safari but not Explorer or Firefox. Basically,
          > a
          > couple of cells in the table are adding unwanted spacing and are causing
          > the
          > layout to be off in Explorer. Take a look at the site at
          > www.pardini.info/rtmasheen, or check out the attached code. thanks.
          >
          > <html>
          > <head>
          > <meta name="keywords" content="Pardini, Mark Pardini, Mark S. Pardini,
          > Mark S.
          > Pardini design, Mark S. Pardini design portfolio, rtmasheen, TRP, 3 wheel
          > wine">
          >
          > <TITLE>The Portfolio of Mark S. Pardini</title>
          > <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
          > </head>
          > <body bgcolor="#FFFFFF" leftmargin="5" topmargin="10" marginwidth="0"
          > marginheight="0">
          > <!-- ImageReady Slices (Template_FINAL_2008.psd) -->
          > <table width="800" height="600" border="0" align="center" cellpadding="0"
          > cellspacing="0" id="Table_01" style="border-collapse:collapse">
          > <tr>
          > <td colspan="19">
          > <img src="images/header_home.gif" width="800" height="80" alt=""></td>
          > </tr>
          > <tr>
          > <td colspan="4">
          > <img src="images/default_02.gif" width="190" height="71" alt=""></td>
          > <td colspan="10" rowspan="6" valign="middle">
          > <img src="images/project.gif" width="368" height="440" alt=""></td>
          > <td colspan="5" rowspan="6">
          > <img src="images/projectText.gif" width="242" height="440" alt=""></td>
          > </tr>
          > <tr>
          > <td colspan="2" rowspan="2">
          > <img src="images/default_05.gif" width="2" height="128" alt=""></td>
          > <td>
          > <a href="portfolio.html"><img src="images/port_button.gif" width="153"
          > height="62" alt=""></a></td>
          > <td rowspan="8">
          > <img src="images/default_07.gif" width="35" height="449" alt=""></td>
          > </tr>
          > <tr>
          > <td>
          > <a href="MarkPardiniResume.pdf"><img src="images/res_button.gif"
          > width="153" height="66" alt=""></a></td>
          > </tr>
          > <tr>
          > <td rowspan="6">
          > <img src="images/default_09.gif" width="1" height="321" alt=""></td>
          > <td colspan="2">
          > <a href="mailto:dinidahk@aol.com"><img src="images/email_button.gif"
          > width="154" height="66" alt="&lt;dinidahk@aol.com&gt;"></a></td>
          > </tr>
          > <tr>
          > <td colspan="2">
          > <img src="images/home_button.gif" width="154" height="70" alt=""></td>
          > </tr>
          > <tr>
          > <td colspan="2" rowspan="4">
          > <img src="images/default_12.gif" width="154" height="185" alt=""></td>
          > </tr>
          > <tr>
          > <td rowspan="2">
          > <img src="images/sun_home.gif" width="39" height="58" alt=""></td>
          > <td rowspan="2">
          > <img src="images/fire_home.gif" width="42" height="58" alt=""></td>
          > <td rowspan="2">
          > <img src="images/bus_home.gif" width="38" height="58" alt=""></td>
          > <td rowspan="2">
          > <img src="images/bull_home.gif" width="38" height="58" alt=""></td>
          > <td rowspan="2">
          > <img src="images/cactus_home.gif" width="39" height="58" alt=""></td>
          > <td rowspan="2">
          > <img src="images/gears_home.gif" width="37" height="58" alt=""></td>
          > <td rowspan="2">
          > <img src="images/spade_home.gif" width="40" height="58" alt=""></td>
          > <td rowspan="2">
          > <img src="images/bolt_home.gif" width="40" height="58" alt=""></td>
          > <td>
          > <img src="images/default_21.gif" width="36" height="1" alt=""></td>
          > <td colspan="2" rowspan="2">
          > <img src="images/hand_home.gif" width="42" height="58" alt=""></td>
          > <td rowspan="2">
          > <img src="images/pinwheel_home.gif" width="40" height="58" alt=""></td>
          > <td rowspan="2">
          > <img src="images/comet_home.gif" width="37" height="58" alt=""></td>
          > <td rowspan="2">
          > <img src="images/tree_home.gif" width="44" height="58" alt=""></td>
          > <td rowspan="3">
          > <img src="images/default_26.gif" width="98" height="80" alt=""></td>
          > </tr>
          > <tr>
          > <td>
          > <img src="images/barber_home.gif" width="36" height="57" alt=""></td>
          > </tr>
          > <tr>
          > <td colspan="14">
          > <img src="images/default_28.gif" width="512" height="22" alt=""></td>
          > </tr>
          > </table>
          > <!-- End ImageReady Slices -->
          > </body>
          > </html>
          >