HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Centering Tables Relative to An Image
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
Strike Rouge



Joined: 29 Feb 2008
Posts: 1

PostPosted: Fri Feb 29, 2008 7:37 pm     Centering Tables Relative to An Image Reply with quote

I took on a site for my dad's restaurant with limited working knowledge of html and here's my first hurdle.

Here's the site. The problem is pretty self explanatory :<

Code:
<html>
<head>
<title>A1 Mani's Pizza | Pizza and Wings</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <style type="text/css" media="screen">
      <!--
#layer1     { visibility: visible; position: absolute; top: 551px; left: 95px; width: 593px; height: 156px}
#layer2         { visibility: visible; position: absolute; top: 753px; left: 93px; width: 593px; height: 124px }
#layer3               { visibility: visible; position: absolute; top: 997px; left: 93px; width: 593px; height: 281px }
#layer4        { visibility: visible; position: absolute; top: 934px; left: 93px; width: 593px; height: 45px }
#layer5      { visibility: visible; position: absolute; top: 1366px; left: 93px; width: 594px; height: 44px }
#layer6   { visibility: visible; position: absolute; top: 1498px; left: 93px; width: 593px; height: 91px }
#layer7    { visibility: visible; position: absolute; top: 1674px; left: 93px; width: 593px; height: 132px }
-->
      </style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
         <div id="layer5">
            <table width="594" border="0" cellspacing="0" cellpadding="3">
               <tr>
                  <td bgcolor="#990000">
                     <div align="center">
                        <font color="white"><font size="2"><b><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">Medium 12&quot;</font></b></font></font></div>
                  </td>
                  <td bgcolor="#990000">
                     <div align="center">
                        <font color="white"><font size="2"><b><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">Large 14&quot;</font></b></font></font></div>
                  </td>
                  <td bgcolor="#990000">
                     <div align="center">
                        <font color="white"><font size="2"><b><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">X-Large 16&quot;</font></b></font></font></div>
                  </td>
                  <td bgcolor="#990000">
                     <div align="center">
                        <font color="white"><font size="2"><b><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">XX-Large 18&quot;</font></b></font></font></div>
                  </td>
                  <td bgcolor="#990000">
                     <div align="center">
                        <font color="white"><font size="2"><b><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">Party Pizza 15&quot; x 21&quot;</font></b></font></font></div>
                  </td>
               </tr>
               <tr>
                  <td bgcolor="#ff6600">
                     <div align="center">
                        <font color="black"><font size="2"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$9.99</font></font></font></div>
                  </td>
                  <td bgcolor="#ff6600">
                     <div align="center">
                        <font color="black"><font size="2"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$10.99</font></font></font></div>
                  </td>
                  <td bgcolor="#ff6600">
                     <div align="center">
                        <font color="black"><font size="2"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$12.99</font></font></font></div>
                  </td>
                  <td bgcolor="#ff6600">
                     <div align="center">
                        <font color="black"><font size="2"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$14.99</font></font></font></div>
                  </td>
                  <td bgcolor="#ff6600">
                     <div align="center">
                        <font color="black"><font size="2"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$15.99</font></font></font></div>
                  </td>
               </tr>
            </table>
  </div>
         <div id="layer1">
            <table width="592" border="0" cellspacing="0" cellpadding="3">
               <tr>
                  <td bgcolor="#990000">
                     <div align="center">
                        <font size="2" color="white" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>Single Pizza</b></font></div>
                  </td>
                  <td bgcolor="#990000">
                     <div align="center">
                        <font size="2" color="white" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>Cheese</b></font></div>
                  </td>
                  <td bgcolor="#990000">
                     <div align="center">
                        <font size="2" color="white" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>3 Toppings</b></font></div>
                  </td>
                  <td bgcolor="#990000">
                     <div align="center">
                        <font size="2" color="white" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>Twin Pizzas (6 Toppings)</b></font></div>
                  </td>
                  <td bgcolor="#990000">
                     <div align="center">
                        <font size="2" color="white" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>WINGS</b></font></div>
                  </td>
               </tr>
               <tr>
                  <td bgcolor="#ff791f">
                     <div align="left">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>1 Small 10 inch  </b><i>4 Slices</i></font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$5.99</font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$7.99</font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$13.99</font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">10 ~ $5.99</font></div>
                  </td>
               </tr>
               <tr>
                  <td bgcolor="#ffa046">
                     <div align="left">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>1 Medium 12 inch</b> <i>6 Slices</i></font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$8.99</font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$10.99</font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$14.99</font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">18 ~ $9.99</font></div>
                  </td>
               </tr>
               <tr>
                  <td bgcolor="#ff791f">
                     <div align="left">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>1 Large 14 inch<i> </i></b><i>8 Slices</i></font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$9.99</font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$11.99</font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$17.99</font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">24 ~ $10.99</font></div>
                  </td>
               </tr>
               <tr>
                  <td bgcolor="#ffa046">
                     <div align="left">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>1 X-Large 16 Inch </b><i>10 Slices</i></font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$11.99</font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$12.99</font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$21.99</font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">48 ~ $21.99</font></div>
                  </td>
               </tr>
               <tr>
                  <td bgcolor="#ff791f">
                     <div align="left">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>1 XX-Large 18 inch </b><i>12  Slices</i></font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$13.99</font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$14.99</font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$24.99</font></div>
                  </td>
                  <td bgcolor="#ff791f">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">60 ~ $28.99</font></div>
                  </td>
               </tr>
               <tr>
                  <td bgcolor="#ffa046">
                     <div align="left">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>Party Pizza 15&quot; x 21&quot;</b> <i>24 Slices</i></font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$14.99</font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$15.99</font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">$25.99</font></div>
                  </td>
                  <td bgcolor="#ffa046">
                     <div align="center">
                        
                     </div>
                  </td>
               </tr>
               </tr>
            </table>
  </div>
         <!-- ImageReady Slices (Untitled-1) -->
  <table id="Table_01" width="1000" height="1885" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="9">
        <img src="images/Pizza-and-Wings_01.gif" width="999" height="7" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="1" height="7" alt=""></td>
    </tr>
    <tr>
      <td rowspan="7">
        <img src="images/Pizza-and-Wings_02.jpg" width="41" height="1878" alt=""></td>
       <td colspan="8">
          <img src="images/Pizza-and-Wings_03.jpg" width="958" height="34" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="1" height="34" alt=""></td>
    </tr>
    <tr>
      <td colspan="7" rowspan="2">
        <a href="index.html"><img src="images/Pizza-and-Wings_04.jpg" alt="" width="917" height="208" border="0"></a></td>
       <td>
          <img src="images/Pizza-and-Wings_05.jpg" width="41" height="7" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="1" height="7" alt=""></td>
    </tr>
    <tr>
      <td rowspan="5">
        <img src="images/Pizza-and-Wings_06.jpg" width="41" height="1837" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="1" height="201" alt=""></td>
    </tr>
    <tr>
      <td>
        <img src="images/Pizza-and-Wings_07.jpg" width="85" height="29" alt=""></td>
       <td>
          <a href="Pizza-and-Wings.html"><img src="images/Pizza-and-Wings_08.jpg" alt="" width="154" height="29" border="0"></a></td>
       <td>
          <img src="images/Pizza-and-Wings_09.jpg" width="154" height="29" alt=""></td>
       <td>
          <img src="images/Pizza-and-Wings_10.jpg" width="154" height="29" alt=""></td>
       <td>
          <img src="images/Pizza-and-Wings_11.jpg" width="154" height="29" alt=""></td>
       <td>
          <img src="images/Pizza-and-Wings_12.jpg" width="142" height="29" alt=""></td>
       <td>
          <img src="images/Pizza-and-Wings_13.jpg" width="74" height="29" alt=""></td>
       <td>
          <img src="images/spacer.gif" width="1" height="29" alt=""></td>
    </tr>
    <tr>
               <td colspan="7">
                  <div id="layer2">
                     <table width="593" border="0" cellspacing="2" cellpadding="0">
                        <tr>
                           <td><b><font size="-1" color="#990000" face="Verdana, Arial, Helvetica, sans-serif">Toppings:</font><font size="-1" color="#990033" face="Verdana, Arial, Helvetica, sans-serif"> </font></b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Beef sausage, Beef Pepperoni, Ground Beef, Bacon, Tandoori Chicken/Chicken, Sheesh Kabob, Anchovies, Green Peppers, Hot Peppers, Jalapeno Peppers, Green/Black Olives, Onions, Mushrooms, Sliced Tomatoes, Pineapple, Sun dried Tomatoes, Feta Cheese, Parmesan Cheese, Double Cheese, Cheddar Cheese</font></td>
                           <td></td>
                           <td></td>
                        </tr>
                        <tr>
                           <td><font size="2" color="#990000" face="Verdana, Arial, Helvetica, sans-serif"><b>Extra Toppings: </b></font><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Small $0.55, Medium $0.90, Large $1.60, X Large $1.80, Jumbo $2.00</font></td>
                           <td></td>
                           <td></td>
                        </tr>
                        <tr>
                           <td><font size="2" color="#990000" face="Verdana, Arial, Helvetica, sans-serif"><b>Sauces: </b></font><font size="2" face="Verdana, Arial, Helvetica, sans-serif">BBQ, Medium Hot Sauce, Ex Hot Sauce, Sweet &amp; Sour Sauce, Honey Garlic, Blue Cheese, Ranch</font></td>
                           <td></td>
                           <td></td>
                        </tr>   
                     </table>
                 </div>
                  <div id="layer3">
                     <table width="593" border="0" cellspacing="0" cellpadding="3" height="292">
                        <font face="Verdana, Arial, Helvetica, sans-serif"><tr>
                           <td bgcolor="#FF791F">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>   Canadian </b></font></div>
                           </td>
                           <td bgcolor="#FF791F">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i>   Pepperoni, Mushroom, Bacon</i></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#FFA046">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>Meat Lover   </b></font></div>
                           </td>
                           <td bgcolor="#FFA046">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i>   Pepperoni, Ham, Bacon, Sausage</i></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#FF791F">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>   Deluxe </b></font></div>
                           </td>
                           <td bgcolor="#FF791F">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i>   Pepperoni, Mushroom, Green Pepper, Bacon</i></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#FFA046">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>   Sheesh Kabob </b></font></div>
                           </td>
                           <td bgcolor="#FFA046">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i>   Sheesh Kabob, Red Onions, Tomatoes, Hot Peppers</i></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#FF791F">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>Gyros    </b></font></div>
                           </td>
                           <td bgcolor="#FF791F">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i>   Gyros, Black Olives, Feta Cheese, Red Onions</i></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#FFA046">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>Mexican  </b></font></div>
                           </td>
                           <td bgcolor="#FFA046">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i>   Ground Beef, Tomatoes, Hot Pepper</i></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#FF791F">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>   Greek</b></font></div>
                           </td>
                           <td bgcolor="#FF791F">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i>   Red Onion, Tomatoes, Black Olives, Feta Cheese</i></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#FFA046">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>   Vegetarian</b></font></div>
                           </td>
                           <td bgcolor="#FFA046">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i>   Mushrooms, Green Peppers, Tomatoes, Red Onions</i></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#FF791F">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>   Tandoori Chicken </b></font></div>
                           </td>
                           <td bgcolor="#FF791F">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i>   Tandoori Chicken, Red Onions, Tomatoes, Hot Peppers</i></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#FFA046">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>   Calabrese</b></font></div>
                           </td>
                           <td bgcolor="#FFA046">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i>   Italian Sausage, Anchovies, Hot Pepper, Red Onions</i></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#FF791F">
                              <div align="left">
                                    <font size="2" color="black" face="Verdana, Arial, Helvetica, sans-serif"><b>BBQ Chicken  </b></font></div>
                           </td>
                           <td bgcolor="#FF791F">
                              <div align="right">
                                    <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><i> BBQ Chicken, BBQ Sauce, Chicken, Red Onions, Mushrooms</i></font></div>
                           </td>
                        </tr></font>
                     </table>
                 </div>
                  <div id="layer4">
                     <table width="592" border="0" cellspacing="0" cellpadding="3">
                        <font face="Verdana, Arial, Helvetica, sans-serif"><tr>
                           <td bgcolor="#990000">
                              <div align="center">
                                    <font size="2" color="white" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>Medium 12&quot;</b></font></div>
                           </td>
                           <td bgcolor="#990000">
                              <div align="center">
                                    <font size="2" color="white" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>Large 14&quot;</b></font></div>
                           </td>
                           <td bgcolor="#990000">
                              <div align="center">
                                    <font size="2" color="white" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>X-Large 16&quot;</b></font></div>
                           </td>
                        </tr></font>
                        <tr>
                           <td bgcolor="#FF6600">
                              <div align="center">
                                 <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">   $11.99</font></div>
                           </td>
                           <td bgcolor="#FF6600">
                              <div align="center">
                                 <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">   $12.99</font></div>
                           </td>
                           <td bgcolor="#FF6600">
                              <div align="center">
                                 <font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular">   $14.99</font></div>
                           </td>
                        </tr>
                     </table>
                 </div>
                  <div id="layer6">
                     <table width="599" border="0" cellspacing="0" cellpadding="3">
                        <tr>
                           <td bgcolor="#990000">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><b><font size="2" color="white">20 Wings</font></b></font></div>
                           </td>
                           <td bgcolor="#990000">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="white"><b>40 Wings</b></font></font></div>
                           </td>
                           <td bgcolor="#990000">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><b><font size="2" color="white">60 Wings</font></b></font></div>
                           </td>
                           <td bgcolor="#990000">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="white"><b>80 Wings</b></font></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#ff6600">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black">$14.99</font></font></div>
                           </td>
                           <td bgcolor="#ff6600">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">$24.99</font></font></div>
                           </td>
                           <td bgcolor="#ff6600">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black">$34.99</font></font></div>
                           </td>
                           <td bgcolor="#ff6600">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">$49.99</font></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td colspan="4" bgcolor="#ff791f"><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black"><i>Hot Sauce, BBQ, Mild, Medium,&nbsp;Honey Garlic   </i></font><b><font size="2" color="black">         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Add 6 Pops for $3.49</font></b></font></td>
                        </tr>
                        <tr>
                           <td colspan="4" bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black">Chicken&nbsp;Wings, Garlic&nbsp;Bread, Large&nbsp;Fries, or Potato Wedges</font></font></div>
                           </td>
                        </tr>
                     </table>
                 </div>
                  <div id="layer7">
                     <table width="593" border="0" cellspacing="0" cellpadding="3">
                        <tr>
                           <td bgcolor="#990000"></td>
                           <td bgcolor="#990000"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="white">Small 10&quot;</font></b></font></td>
                           <td bgcolor="#990000"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="white">Medium 12&quot;</font></b></font></td>
                           <td bgcolor="#990000"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="white">Large 14&quot;</font></b></font></td>
                           <td bgcolor="#990000"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="white">X-Large 18&quot;</font></b></font></td>
                           <td bgcolor="#990000"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="white">Party Pizza 15&quot; x 21&quot;</font></b></font></td>
                        </tr>
                        <tr>
                           <td bgcolor="#ffa046"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="black">Toppings</font></b></font></td>
                           <td bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">3</font></font></div>
                           </td>
                           <td bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black">3</font></font></div>
                           </td>
                           <td bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">3</font></font></div>
                           </td>
                           <td bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black">3</font></font></div>
                           </td>
                           <td bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">3</font></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#ff791f"><font size="2" color="black" face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b>Garlic Bread</b></font></td>
                           <td bgcolor="#ff791f">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">1</font></font></div>
                           </td>
                           <td bgcolor="#ff791f">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black">1</font></font></div>
                           </td>
                           <td bgcolor="#ff791f">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">1</font></font></div>
                           </td>
                           <td bgcolor="#ff791f">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black">1</font></font></div>
                           </td>
                           <td bgcolor="#ff791f">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">1</font></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#ffa046"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="black">Wings</font></b></font></td>
                           <td bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">12</font></font></div>
                           </td>
                           <td bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black">15</font></font></div>
                           </td>
                           <td bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">18</font></font></div>
                           </td>
                           <td bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black">20</font></font></div>
                           </td>
                           <td bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black">25</font></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td bgcolor="#ff791f"></td>
                           <td bgcolor="#ff791f">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black"><b>$13.99</b></font></font></div>
                           </td>
                           <td bgcolor="#ff791f">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black"><b>$16.99</b></font></font></div>
                           </td>
                           <td bgcolor="#ff791f">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black"><b>$18.99</b></font></font></div>
                           </td>
                           <td bgcolor="#ff791f">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" color="black"><b>$21.99</b></font></font></div>
                           </td>
                           <td bgcolor="#ff791f">
                              <div align="center">
                                 <font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><font size="2" color="black"><b>$26.99</b></font></font></div>
                           </td>
                        </tr>
                        <tr>
                           <td colspan="6" bgcolor="#ffa046">
                              <div align="center">
                                 <font face="Verdana, Arial, Helvetica, sans-serif"><b><font size="2" color="black">Add 6&nbsp;Cans of Pop for $2.99</font></b></font></div>
                           </td>
                        </tr>
                     </table>
                 </div>
                  <img src="images/Pizza-and-Wings_14.jpg" width="917" height="1540" alt="" align="middle"></td>
       <td>
         
    <tr>
               <td colspan="7">
        <img src="images/Pizza-and-Wings_15.jpg" width="917" height="41" alt=""></td>
   </tr>
    <tr>
      <td colspan="7">
        <img src="images/Pizza-and-Wings_16.gif" width="917" height="26" alt=""></td>
       <td>
         
    </tr>
  </table>
  <!-- End ImageReady Slices -->
</div>
</body>
</html></object></layer></span></div></table></body></html><!-- adsok -->
<script language='javascript' src='https://a12.alphagodaddy.com/hosting_ads/gd01.js'></script>


Now I spoke to a friend of mine about what might be wrong and this is all he could tell me before he went afk:

Quote:
KazuoSan says (8:06 PM):
you're nesting absolute divs inside relative divs
KazuoSan says (8:06 PM):
you can nest absolutes in absolutes, but you cant nest absolutes in relatives
KazuoSan says (8:06 PM):
so your table is ignoring your centered div completely


Then he went missing. I need the tables to be fixed relative to this image: http://manispizza.com/images/Pizza-and-Wings_14.jpg
I have no idea how to fix this. Ive been reading around and I came across this: http://www.htmlcodetutorial.com/help/ftopic10047.html
Quote:
sticks464 wrote:
If you want it aligned center vertically and horizontally put this in your head section
Code:
<style type="text/css">
<!--
table {
position:absolute;
left:50%;
top:50%;
margin-left:-25%;
}
-->
</style>


If you just want it centered horizontal
Code:
<style type="text/css">
<!--
table {
margin:0 auto;
}
-->
</style>


Would someone please help. Its a simple problem but with mylimited knowledge, it's become such an issue :<
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8312
Location: Castle Pines North, CO USA

PostPosted: Sat Mar 01, 2008 9:54 am     Reply with quote



If you are wanting elements to be centered - you cannot use absolute divides. I started to copy your code but stopped since I did not see the closing </body> tag.

Center a website in FrontPage will help you some and will give you links as well to code to properly center the site.

You could probably still use the divides but not position them - let them arrive naturally in the browser.

You might try taking out the aboslute positioning (position, left, right) and see where it takes you from there. But you will never be able to center anything if you want it to be positioned absolutely. Think of this this way, you develop a site with code. Absolutely positioning the elements are more a "design" feature which will cause some issues from time to time.

_________________
Corey
Payment Processing Forums | Mile High Merchant Accounts | Expression Web Blog
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to: