8 Replies Latest reply on Sep 2, 2011 7:53 AM by Tyharo

    Table Compatabiltiy Problem!

    Tyharo

      Ive been working on my website and have been testing how each page looks with firefox and everything looks good so far. later today I used chrome to veiw my website and all the tables were messed up, sections were to big and looked bad, i used IE as well and it had the same problem just not as messed up. There were also problems with border color but it wasnt bad, im more concerned about the table sizes being messed up. how can i fix this compatability issue?

      you can veiw the site at: http://softwarecore.x10.mx/TopTen.php (in order to veiw this page you must be a member)

      Please help, ive been trying to fix this issue all day.

        • 1. Re: Table Compatabiltiy Problem!
          Nancy OShea Adobe Community Professional & MVP
          (in order to veiw this page you must be a member)

           

          Upload your test page to a publicly accessible location and post a link.

          When your question is answered, remove the test page from your server.

           

          Or post your HTML and CSS code into a web forum reply with :

          >> (insert)  > Syntax highlighting > plain

           

          code looks like this...
          

           

           

           

          Nancy O.
          Alt-Web Design & Publishing
          Web | Graphics | Print | Media  Specialists 
          http://alt-web.com/
          http://twitter.com/altweb

          • 2. Re: Table Compatabiltiy Problem!
            Tyharo Level 1

            The top then page has been opend to the public and i will post the code to just in case

            <?php
            require_once ('login/includes/config.inc.php');
            ?>
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
            <!--
            Design by Free CSS Templates
            http://www.freecsstemplates.org
            Released for free under a Creative Commons Attribution 2.5 License

            Name       : Gestured
            Description: A three-column, fixed-width blog design.
            Version    : 1.0
            Released   : 20091004

            -->
            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>SoftwareCore</title>
            <meta name="keywords" content="" />
            <meta name="Gestured" content="" />
            <link href="default.css" rel="stylesheet" type="text/css" media="screen" />
            <style type="text/css">
            #topten {
                text-decoration: underline overline;
                font-size: 36px;
            }
            .toptensoftware {
                font-style: italic;
                text-align: center;
                font-size: 24px;
            }
            .toptensub {    font-style: italic;
            }
            .Topten1 {text-decoration: underline overline;
                font-size: 36px;
                font-style: normal;
            }
            .Home {
                font-size: 36px;
                text-decoration: underline overline;
            }
            .toptensub1 {
                font-style: italic;
                font-size: 18px;
                text-decoration: overline;
            }
            .toptensub2 {    font-style: italic;
                font-size: 18px;
            }
            a:link {
                color: #FFFFFF;
            }
            </style></head>
            <body>
            <div id="wrapper">
            <!-- start header -->
            <div id="header">
                <div id="menu">
                    <ul id="main">
                        <li class="current_page_item"><a href="index.php">Home</a></li>
                        <li><a href="Whats New.php">Whats New</a></li>
                        <li><a href="TopTen.php">Top ten</a></li>
                        <li><a href="#">explore</a></li>
                        <li><a href="MessageBoard.php">Message Board</a></li>
                        <li><a href="http://softwarecore.x10.mx/phpBB3/">Forum</a></li>
                        <li></li></ul>
                    <ul id="main2">
                      <li><a href="#">Contact</a></li>
                  </ul>
                </div>
                <div id="logo">
                  <h1>The Software Core <img src="images/logo_300scaled.png" alt="" width="94" height="84" align="top" /></h1>
                    <p>Explore, Download, and Enjoy</p>
                </div>
            </div>
            <!-- end header -->
                <!-- start page -->
                <div id="page">
                       <div id="sidebar1" class="sidebar">
                        <ul>
                          <li>
                            <form action="" method="post">
                              <fieldset>
                                <?php // Welcome the user (by name if they are logged in):
            echo '<h1 style="text-align: center;">Welcome';
            if (isset($_SESSION['first_name'])) {
                echo ", {$_SESSION['first_name']}!";
            }
            echo '</h1>';
            ?>
                                <p>
                                  <?php
            if (isset($_POST['submitted'])) {
               
                // Validate the email address:
                if (empty($_POST['email'])) {
                    echo '<p class="error">enter your email!</p>';
                }
                }
                if(!isset($_SESSION['user_id'])) {
                    $email = <<<EMAIL
                                <b>Email Address:</b></p>
                                <p>
                                  <input type="text" name="email" size="20" maxlength="40" />
                                </p>
                                <p>
            EMAIL;
                    echo $email;
                }
                               
            if (isset($_POST['submitted'])) {

            // Validate the password:
                if (empty($_POST['pass'])) {
                   
                    echo '<p class="error">Enter your password!</p>';
                }

            } // End of VALIDATING.

                               
            if (!isset($_SESSION['user_id'])) {
                $form = <<<FORM
                <b>Password</b>:</p>
                                <p>
                                  <input type="password" name="pass" size="20" maxlength="20" />
                                </p>
                                <div align="center">
                                  <input type="submit" name="submit" value="Login" />
                                </div>
                                <input type="hidden" name="submitted" value="TRUE" />
            FORM;
                    echo $form;
            }
                               
                               
            // Display links based upon the login status - (if user is logged in):
            if (isset($_SESSION['user_id'])) {

                echo '<a style="text-align:center" href="login/logout.php" title="Logout">Logout</a><br />
                <a style="text-align:center" href="login/index.php" title="logout">Control Panel</a><br />
                <a style="text-align:center" href="login/change_password.php" title="Change Your Password">Change Password</a>

            ';

                // Add links if the user is an administrator:
                if ($_SESSION['user_level'] == 1) {

                    echo '<br /><h4>Administrator</h4>';
                    echo '<a href="view_users.php" title="View Users">View Users</a><br />

            ';

                }
               
            } else { //  Display links if user is NOT LOGGED IN.

                echo 'Please Login!<br />
                <br />
                <a href="login/register.php" title="Register for the Site">Register</a><br />
            <a href="login/forgot_password.php" title="Password Retrieval">Retrieve Password</a><br />
            ';

            }
            ?>
                                    </p>
                              </fieldset>
                            </form>
                            <h2>categories</h2>
                            <ul>
                                    <li><a href="TopTen.php">Top Software</a></li>
                                    <li><a href="TopTenFree.php">Free</a></li>
                                    <li><a href="TopTenPaid.php">Paid</a></li>
                                    <li><a href="TopTenPackages.php">Packages</a></li>
                                    <li><a href="TopTenOptimizers.php">Optimizers</a></li>
                                    <li><a href="TopTenCleaners.php">Cleaners</a></li>
                                    <li><a href="TopTenAnti-Virus.php">Anti-Virus</a></li>
                                    <li><a href="TopTenAll-In-One.php">All-in-one</a></li>
                                    <li><a href="TopTenOperatingSystems.php">Operating Systems</a></li>
                                    <li><a href="TopTenWebBrowsers.php">Web Browsers</a></li>
                                    <li><a href="TopTenSystemTools.php">System Tools</a></li>
                                    <li><a href="TopTenSystemAddons.php">System Addons</a></li>
                              </ul>
                                <h2>Any Questions?</h2>
                              <ul>
                                <li><a href="http://softwarecore.x10.mx/phpBB3/">Forum</a></li>
                                <li>Contact</li>
                            </ul>
                          </li>
                        </ul>
                    </div>
                    <!-- start content -->
                  <div id="content">
                    <div class="post">
                      <h1 class="title"><span class="Topten1">Top Ten</span></h1>
                      <p><span class="toptensub2">Top Ten Software</span></p>
                      <p class="byline">Updated on July 15th, 2011 by Admin</p>
                      <div class="entry">
                    <table width="460" border="1" bordercolor="#333333" bgcolor="#28373A">
                      <tr>
                        <td height="68" rowspan="3" bgcolor="#060C0C"><img src="images/logo-ccleaner-100x100.png" alt="" width="100" height="112" align="middle" /></td>
                        <td colspan="2" align="left" valign="middle" bgcolor="#060C0C" class="name">Name</td>
                      </tr>
                      <tr>
                        <td width="263" rowspan="2" align="left" valign="top" bgcolor="#060C0C" class="description">Description..</td>
                        <td width="75" height="32" bgcolor="#060C0C" class="view">View</td>
                      </tr>
                      <tr>
                        <td height="30" background="images/bluesquare2.PNG" bgcolor="#060C0C" class="download"><a href="images/Nyancraft.png">Download</a></td>
                      </tr>
                      <tr>
                        <td width="100" align="center" valign="middle" bgcolor="#060C0C" class="rating"><iframe src="http://voting.generationunion.com/init.php?a=g&g=1314689749404&m=1&n=5&s=17&nosound=1&f=3. png&f_a=&f_b=&f_c=" allowtransparency="true" hspace="0" vspace="2" marginheight="2" marginwidth="0" frameborder="0" height="17" scrolling="no" width="88"></iframe></td>
                        <td colspan="2" align="left" valign="top" bgcolor="#060C0C" class="site">Link:</td>
                      </tr>
                    </table>
                    <table width="200" border="0" align="center">
                      <tr>
                        <td align="left" valign="top"> </td>
                      </tr>
                    </table>
                    <table width="460" border="1" bordercolor="#333333" bgcolor="#28373A">
                      <tr>
                        <td width="100" height="68" rowspan="3" bgcolor="#060C0C"><img src="images/logo_300 100.png" alt="" width="100" height="100" /></td>
                        <td colspan="2" align="left" valign="middle" bgcolor="#060C0C" class="name">Name</td>
                      </tr>
                      <tr>
                        <td width="263" rowspan="2" align="left" valign="top" bgcolor="#060C0C" class="description">Description..</td>
                        <td width="75" height="32" bgcolor="#060C0C" class="view">View</td>
                      </tr>
                      <tr>
                        <td height="30" background="images/bluesquare2.PNG" bgcolor="#060C0C" class="download">Download</td>
                      </tr>
                      <tr>
                        <td align="center" valign="top" bgcolor="#060C0C" class="rating">Rating</td>
                        <td colspan="2" align="left" valign="top" bgcolor="#060C0C" class="site">Link:</td>
                      </tr>
                    </table>
                    <table width="200" border="0">
                      <tr>
                        <td> </td>
                      </tr>
                    </table>
                    <table width="460" border="1" bordercolor="#333333" bgcolor="#28373A">
                      <tr>
                        <td width="100" height="68" rowspan="3" bgcolor="#060C0C"><img src="images/logo_300 100.png" alt="" width="100" height="100" /></td>
                        <td colspan="2" align="left" valign="middle" bgcolor="#060C0C" class="name">Name</td>
                      </tr>
                      <tr>
                        <td width="263" rowspan="2" align="left" valign="top" bgcolor="#060C0C" class="description">Description..</td>
                        <td width="75" height="32" bgcolor="#060C0C" class="view">View</td>
                      </tr>
                      <tr>
                        <td height="32" background="images/bluesquare2.PNG" bgcolor="#060C0C" class="download">Download</td>
                      </tr>
                      <tr>
                        <td align="center" valign="top" bgcolor="#060C0C" class="rating">Rating</td>
                        <td colspan="2" align="left" valign="top" bgcolor="#060C0C" class="site">Link:</td>
                      </tr>
                    </table>
                    <table width="200" border="0">
                      <tr>
                        <td> </td>
                      </tr>
                </table>
                    <table width="460" border="1" bordercolor="#333333" bgcolor="#28373A">
                      <tr>
                        <td width="100" height="68" rowspan="3" bgcolor="#060C0C"><img src="images/logo_300 100.png" alt="" width="100" height="100" /></td>
                        <td colspan="2" align="left" valign="middle" bgcolor="#060C0C" class="name">Name</td>
                      </tr>
                      <tr>
                        <td width="263" rowspan="2" align="left" valign="top" bgcolor="#060C0C" class="description">Description..</td>
                        <td width="75" height="32" bgcolor="#060C0C" class="view">View</td>
                      </tr>
                      <tr>
                        <td height="30" background="images/bluesquare2.PNG" bgcolor="#060C0C" class="download">Download</td>
                      </tr>
                      <tr>
                        <td align="center" valign="top" bgcolor="#060C0C" class="rating">Rating</td>
                        <td colspan="2" align="left" valign="top" bgcolor="#060C0C" class="site">Link:</td>
                      </tr>
                    </table>
                    <table width="200" border="0">
                      <tr>
                        <td> </td>
                      </tr>
                    </table>
                    <table width="460" border="1" bordercolor="#333333" bgcolor="#28373A">
                      <tr>
                        <td width="100" height="68" rowspan="3" bgcolor="#060C0C"><img src="images/logo_300 100.png" alt="" width="100" height="100" /></td>
                        <td colspan="2" align="left" valign="middle" bgcolor="#060C0C" class="name">Name</td>
                      </tr>
                      <tr>
                        <td width="263" rowspan="2" align="left" valign="top" bgcolor="#060C0C" class="description">Description..</td>
                        <td width="75" height="32" bgcolor="#060C0C" class="view">View</td>
                      </tr>
                      <tr>
                        <td height="30" background="images/bluesquare2.PNG" bgcolor="#060C0C" class="download">Download</td>
                      </tr>
                      <tr>
                        <td align="center" valign="top" bgcolor="#060C0C" class="rating">Rating</td>
                        <td colspan="2" align="left" valign="top" bgcolor="#060C0C" class="site">Link:</td>
                      </tr>
                    </table>
                    <table width="200" border="0">
                      <tr>
                        <td> </td>
                      </tr>
                    </table>
                    <table width="460" border="1" bordercolor="#333333" bgcolor="#28373A">
                      <tr>
                        <td width="100" height="68" rowspan="3" bgcolor="#060C0C"><img src="images/logo_300 100.png" alt="" width="100" height="100" /></td>
                        <td colspan="2" align="left" valign="middle" bgcolor="#060C0C" class="name">Name</td>
                      </tr>
                      <tr>
                        <td width="263" rowspan="2" align="left" valign="top" bgcolor="#060C0C" class="description">Description..</td>
                        <td width="75" height="32" bgcolor="#060C0C" class="view">View</td>
                      </tr>
                      <tr>
                        <td height="30" background="images/bluesquare2.PNG" bgcolor="#060C0C" class="download">Download</td>
                      </tr>
                      <tr>
                        <td align="center" valign="top" bgcolor="#060C0C" class="rating">Rating</td>
                        <td colspan="2" align="left" valign="top" bgcolor="#060C0C" class="site">Link:</td>
                      </tr>
                    </table>
                    <table width="200" border="0">
                      <tr>
                        <td> </td>
                      </tr>
                    </table>
                    <table width="460" border="1" bordercolor="#333333" bgcolor="#28373A">
                      <tr>
                        <td width="100" height="68" rowspan="3" bgcolor="#060C0C"><img src="images/logo_300 100.png" alt="" width="100" height="100" /></td>
                        <td colspan="2" align="left" valign="middle" bgcolor="#060C0C" class="name">Name</td>
                      </tr>
                      <tr>
                        <td width="263" rowspan="2" align="left" valign="top" bgcolor="#060C0C" class="description">Description..</td>
                        <td width="75" height="32" bgcolor="#060C0C" class="view">View</td>
                      </tr>
                      <tr>
                        <td height="30" background="images/bluesquare2.PNG" bgcolor="#060C0C" class="download">Download</td>
                      </tr>
                      <tr>
                        <td align="center" valign="top" bgcolor="#060C0C" class="rating">Rating</td>
                        <td colspan="2" align="left" valign="top" bgcolor="#060C0C" class="site">Link:</td>
                      </tr>
                    </table>
                    <table width="200" border="0">
                      <tr>
                        <td> </td>
                      </tr>
                    </table>
                    <table width="460" border="1" bordercolor="#333333" bgcolor="#28373A">
                      <tr>
                        <td width="100" height="68" rowspan="3" bgcolor="#060C0C"><img src="images/logo_300 100.png" alt="" width="100" height="100" /></td>
                        <td colspan="2" align="left" valign="middle" bgcolor="#060C0C" class="name">Name</td>
                      </tr>
                      <tr>
                        <td width="263" rowspan="2" align="left" valign="top" bgcolor="#060C0C" class="description">Description..</td>
                        <td width="75" height="32" bgcolor="#060C0C" class="view">View</td>
                      </tr>
                      <tr>
                        <td height="30" background="images/bluesquare2.PNG" bgcolor="#060C0C" class="download">Download</td>
                      </tr>
                      <tr>
                        <td align="center" valign="top" bgcolor="#060C0C" class="rating">Rating</td>
                        <td colspan="2" align="left" valign="top" bgcolor="#060C0C" class="site">Link:</td>
                      </tr>
                    </table>
                    <table width="200" border="0">
                      <tr>
                        <td> </td>
                      </tr>
                    </table>
                    <table width="460" border="1" bordercolor="#333333" bgcolor="#28373A">
                      <tr>
                        <td width="100" height="68" rowspan="3" bgcolor="#060C0C"><img src="images/logo_300 100.png" alt="" width="100" height="100" /></td>
                        <td colspan="2" align="left" valign="middle" bgcolor="#060C0C" class="name">Name</td>
                      </tr>
                      <tr>
                        <td width="263" rowspan="2" align="left" valign="top" bgcolor="#060C0C" class="description">Description..</td>
                        <td width="75" height="32" bgcolor="#060C0C" class="view">View</td>
                      </tr>
                      <tr>
                        <td height="30" background="images/bluesquare2.PNG" bgcolor="#060C0C" class="download">Download</td>
                      </tr>
                      <tr>
                        <td align="center" valign="top" bgcolor="#060C0C" class="rating">Rating</td>
                        <td colspan="2" align="left" valign="top" bgcolor="#060C0C" class="site">Link:</td>
                      </tr>
                    </table>
                    <table width="200" border="0">
                      <tr>
                        <td> </td>
                      </tr>
                    </table>
                    <table width="460" border="1" bordercolor="#333333" bgcolor="#28373A">
                      <tr>
                        <td width="100" height="68" rowspan="3" bgcolor="#060C0C"><img src="images/logo_300 100.png" alt="" width="100" height="100" /></td>
                        <td colspan="2" align="left" valign="middle" bgcolor="#060C0C" class="name">Name</td>
                      </tr>
                      <tr>
                        <td width="263" rowspan="2" align="left" valign="top" bgcolor="#060C0C" class="description">Description..</td>
                        <td width="75" height="32" bgcolor="#060C0C" class="view">View</td>
                      </tr>
                      <tr>
                        <td height="30" background="images/bluesquare2.PNG" bgcolor="#060C0C" class="download">Download</td>
                      </tr>
                      <tr>
                        <td align="center" valign="top" bgcolor="#060C0C" class="rating">Rating</td>
                        <td colspan="2" align="left" valign="top" bgcolor="#060C0C" class="site">Link:</td>
                      </tr>
                    </table>
                    <p> </p>
                      </div>
                    </div>
                  </div>
                    <!-- end content -->
                    <!-- start sidebars -->
                    <div id="sidebar2" class="sidebar">
                        <ul>
                          <li class="login">
                            <form id="searchform" method="get" action="#">
                              <div>
                                <h2>Site Search</h2>
                                <input type="text" name="s" id="s" size="15" value="" />
                              </div>
                            </form>
                            <h2> Explore </h2>
                            <ul>
                              <li>Optimizers</li>
                              <li>Cleaners</li>
                              <li>Anti-Virus</li>
                              <li>All-in-one</li>
                              <li>Operating Systems</li>
                              <li>Web Browsers</li>
                              <li>System Tools</li>
                              <li>System Addons</li>
                              <li>Packages</li>
                            </ul>
                          </li>
                        </ul>
                    </div>
                    <!-- end sidebars -->
                  <div style="clear: both;"> </div>
                </div>
                <!-- end page -->
            </div>
            <div id="footer">
                <p class="copyright">Created By Tyharo - This site is for public use and credit for the </p>
                <p class="copyright">software goes to the programmers of said software.</p>
                <p class="copyright">By downloading any software from this site you agree to the terms of use of said software</p>
              <p class="copyright"><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>. </p>
            </div>
            </body>
            </html>
            <?php // Flush the buffered output.
            ob_end_flush();
            ?>

            • 3. Re: Table Compatabiltiy Problem!
              Tyharo Level 1

              Can anyone help? I would like this problem fixed so i can continue work on my site knowing i dont have to redo everything.

              • 4. Re: Table Compatabiltiy Problem!
                osgood_ Level 8

                Probably has a lot to do with using row spans in the tables and height. Height is not valid.

                 

                I would start by getting the tables construction correct, use nested tables and get rid of the heights  in the <td> cells. Let the content take care of the height. You cannot control that especially if type is being inserted into the table cells. Use css to maintain consistancy for the borders cross browser.

                 

                Below I've reproduced your table to work cross browser. All you have to do is copy the css and one of the tables and then repeat the table as necessary.

                 

                 

                 

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml">
                <head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
                <title>Untitled Document</title>
                <style type="text/css">
                .product
                {
                border-collapse:collapse;
                }
                .product td {
                border: 2px solid #666;
                background-color: #060C0C;
                }
                .product table
                {
                border: none;
                }
                .product table td
                {
                border: none;
                }
                .product .download {
                background-color: #666;
                text-align: center;
                }

                 


                </style>
                </head>

                 

                <body>

                 

                <!-- start product table -->

                 

                <table class="product" width="460" border="0" cellspacing="0" cellpadding="0">
                <tr>
                <td width="100"> </td>
                <td width="360" valign="top">
                <table width="360" border="0" cellspacing="0" cellpadding="0">
                <tr>
                <td colspan="2" style="border-bottom: 2px solid #666;"> </td>
                </tr>
                <tr>
                <td width="260" style="border-right: 2px solid #666;"> </td>
                <td width="100"><table width="100" border="0" cellspacing="0" cellpadding="0">
                <tr>
                <td style="border-bottom: 2px solid #666;"> </td>
                </tr>
                <tr>
                <td class="download">Download</td>
                </tr>
                </table></td>
                </tr>
                </table></td>
                </tr>
                <tr>
                <td> </td>
                <td valign="top"> </td>
                </tr>
                </table>

                 

                <!-- end product table -->
                <br />

                 

                <!-- start product table -->

                 

                <table class="product" width="460" border="0" cellspacing="0" cellpadding="0">
                <tr>
                <td width="100"> </td>
                <td width="360" valign="top">
                <table width="360" border="0" cellspacing="0" cellpadding="0">
                <tr>
                <td colspan="2" style="border-bottom: 2px solid #666;"> </td>
                </tr>
                <tr>
                <td width="260" style="border-right: 2px solid #666;"> </td>
                <td width="100"><table width="100" border="0" cellspacing="0" cellpadding="0">
                <tr>
                <td style="border-bottom: 2px solid #666;"> </td>
                </tr>
                <tr>
                <td class="download">Download</td>
                </tr>
                </table></td>
                </tr>
                </table></td>
                </tr>
                <tr>
                <td> </td>
                <td valign="top"> </td>
                </tr>
                </table>

                 

                <!-- end product table -->
                </body>
                </html>

                • 5. Re: Table Compatabiltiy Problem!
                  osgood_ Level 8

                  Best to use the table code below. There were some 'non-breaking spaces' in the previous code which did not transfer because of the limitation of the forum software.

                   

                  In the table code below I've left a space between the '&' and 'nbsp;' where the non-breaking spaces appear in the table cells - so close them if you decide to use the code.

                   

                   

                  <!-- start product table -->

                   

                  <table class="product" width="460" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                  <td width="100">& nbsp;</td>

                  <td width="360" valign="top">

                  <table width="360" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                  <td colspan="2" style="border-bottom: 2px solid #666;">& nbsp;</td>

                  </tr>

                  <tr>

                  <td width="260" style="border-right: 2px solid #666;">& nbsp;</td>

                  <td width="100"><table width="100" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                  <td style="border-bottom: 2px solid #666;">& nbsp;</td>

                  </tr>

                  <tr>

                  <td class="download">Download</td>

                  </tr>

                  </table></td>

                  </tr>

                  </table></td>

                  </tr>

                  <tr>

                  <td>& nbsp;</td>

                  <td valign="top">& nbsp;</td>

                  </tr>

                  </table>

                   

                  <!-- end product table -->

                  • 6. Thank you!
                    Tyharo Level 1

                    So just to make sure, I can edit this by changing colors and inserting image place holders an I wont mess up the table right?

                    • 7. Re: Thank you!
                      osgood_ Level 8

                      Tyharo wrote:

                       

                      So just to make sure, I can edit this by changing colors and inserting image place holders an I wont mess up the table right?

                       

                      There's always a possibility of messing up the table code. It depends how careful you are.

                       

                      The code I gave you takes into account the dimensions set in your original table code....so you should be ok to re-insert what you had before. Obviously if you insert something wider/deeper than the dimensions of the set up the cells will change to accomodate what you insert, you probably won't want that to happen.

                      • 8. Re: Thank you!
                        Tyharo Level 1

                        Well thanks again, i will mess with the code and get it work some how.