Strike Rouge
Joined: 29 Feb 2008 Posts: 1
|
Posted: Fri Feb 29, 2008 7:37 pm Centering Tables Relative to An Image |
|
|
|
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"</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"</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"</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"</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" x 21"</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" x 21"</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 & 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"</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"</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"</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, Honey Garlic </i></font><b><font size="2" color="black"> 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 Wings, Garlic Bread, Large 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"</font></b></font></td>
<td bgcolor="#990000"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="white">Medium 12"</font></b></font></td>
<td bgcolor="#990000"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="white">Large 14"</font></b></font></td>
<td bgcolor="#990000"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="white">X-Large 18"</font></b></font></td>
<td bgcolor="#990000"><font face="Arial, Helvetica, Geneva, Swiss, SunSans-Regular"><b><font size="2" color="white">Party Pizza 15" x 21"</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 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 :< |
|