Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Page alignment


blueknight13

Recommended Posts

Posted

Can someone please tell me what I did to mess up my alignment? Here is my page details, I'm very new at all of this....

 

 

<!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" dir="ltr" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Band-It</title>

<base href="http://myband-it.com/home/" />

<link rel="stylesheet" type="text/css" href="ext/jquery/ui/redmond/jquery-ui-1.8.6.css" />

<script type="text/javascript" src="ext/jquery/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="ext/jquery/ui/jquery-ui-1.8.6.min.js"></script>

 

 

<script type="text/javascript" src="ext/jquery/bxGallery/jquery.bxGallery.1.1.min.js"></script>

<link rel="stylesheet" type="text/css" href="ext/jquery/fancybox/jquery.fancybox-1.3.4.css" />

<script type="text/javascript" src="ext/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link rel="stylesheet" type="text/css" href="ext/960gs/960_24_col.css" />

<link rel="stylesheet" type="text/css" href="stylesheet.css" />

</head>

<body>

 

<div id="bodyWrapper" class="container_22">

 

 

<div id="header" class="grid_24">

<div id="storeLogo"><a href="http://myband-it.com/home/index.php?osCsid=9049cb9e899731c88173275c64c251ba"><img'>http://myband-it.com/home/index.php?osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/store_logo.png" alt="Band-It" title=" Band-It " width="211" height="60" /></a></div>

 

<div id="headerShortcuts">

<span class="tdbLink"><a id="tdb1" href="http://myband-it.com/home/shopping_cart.php?osCsid=9049cb9e899731c88173275c64c251ba">Cart Contents</a></span><script type="text/javascript">$("#tdb1").button({icons:{primary:"ui-icon-cart"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script><span class="tdbLink"><a id="tdb2" href="http://myband-it.com/home/checkout_shipping.php?osCsid=9049cb9e899731c88173275c64c251ba">Checkout</a></span><script type="text/javascript">$("#tdb2").button({icons:{primary:"ui-icon-triangle-1-e"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script><span class="tdbLink"><a id="tdb3" href="http://myband-it.com/home/account.php?osCsid=9049cb9e899731c88173275c64c251ba">My Account</a></span><script type="text/javascript">$("#tdb3").button({icons:{primary:"ui-icon-person"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script> </div>

 

<script type="text/javascript">

$("#headerShortcuts").buttonset();

</script>

</div>

 

<div class="grid_24 ui-widget infoBoxContainer">

<div class="ui-widget-header infoBoxHeading">  <a href="http://myband-it.com" class="headerNavigation">Top</a> » <a href="http://myband-it.com/home/index.php?osCsid=9049cb9e899731c88173275c64c251ba" class="headerNavigation">Catalog</a></div>

</div>

 

 

<div id="bodyContent" class="grid_14 push_4">

 

<h1>Welcome to Band-It</h1>

 

<div class="contentContainer">

<div class="contentText">

Welcome <span class="greetUser">Guest!</span> Would you like to <a href="http://myband-it.com/home/login.php?osCsid=9049cb9e899731c88173275c64c251ba"><u>log yourself in</u></a>? Or would you prefer to <a href="http://myband-it.com/home/create_account.php?osCsid=9049cb9e899731c88173275c64c251ba"><u>create an account</u></a>? </div>

 

 

<h2>New Products For August</h2>

 

<div class="contentText">

<table border="0" width="100%" cellspacing="0" cellpadding="2"><tr><td width="33%" align="center" valign="top"><a href="http://myband-it.com/home/product_info.php?products_id=118&osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/1-5-ygold-blk-polka-grosgran-ribbon.jpg" alt="#90 Yellow and Black" title=" #90 Yellow and Black " width="135" height="100" /></a><br /><a href="http://myband-it.com/home/product_info.php?products_id=118&osCsid=9049cb9e899731c88173275c64c251ba">#90 Yellow and Black</a><br />$7.00</td><td width="33%" align="center" valign="top"><a href="http://myband-it.com/home/product_info.php?products_id=117&osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/Heathers Headband 1.JPG" alt="Heather's 3" title=" Heather's 3 " width="135" height="100" /></a><br /><a href="http://myband-it.com/home/product_info.php?products_id=117&osCsid=9049cb9e899731c88173275c64c251ba">Heather's 3</a><br />$7.00</td><td width="33%" align="center" valign="top"><a href="http://myband-it.com/home/product_info.php?products_id=116&osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/Heathers headband 2.JPG" alt="heather's 2" title=" heather's 2 " width="135" height="100" /></a><br /><a href="http://myband-it.com/home/product_info.php?products_id=116&osCsid=9049cb9e899731c88173275c64c251ba">heather's 2</a><br />$7.00</td></tr><tr><td width="33%" align="center" valign="top"><a href="http://myband-it.com/home/product_info.php?products_id=115&osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/Heathers Headband 3.JPG" alt="Heather's headband" title=" Heather's headband " width="135" height="100" /></a><br /><a href="http://myband-it.com/home/product_info.php?products_id=115&osCsid=9049cb9e899731c88173275c64c251ba">Heather's headband</a><br />$7.00</td><td width="33%" align="center" valign="top"><a href="http://myband-it.com/home/product_info.php?products_id=114&osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/Pink Zebra flower.jpg" alt="TEST ENTRY" title=" TEST ENTRY " width="135" height="100" /></a><br /><a href="http://myband-it.com/home/product_info.php?products_id=114&osCsid=9049cb9e899731c88173275c64c251ba">TEST ENTRY</a><br />$1.00</td><td width="33%" align="center" valign="top"><a href="http://myband-it.com/home/product_info.php?products_id=113&osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/Pink Zebra flower.jpg" alt="F1 Pink Zebra" title=" F1 Pink Zebra " width="135" height="100" /></a><br /><a href="http://myband-it.com/home/product_info.php?products_id=113&osCsid=9049cb9e899731c88173275c64c251ba">F1 Pink Zebra</a><br />$7.00</td></tr><tr><td width="33%" align="center" valign="top"><a href="http://myband-it.com/home/product_info.php?products_id=112&osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/IMG_1925.jpg" alt="#83 Orange with Tiger Paw" title=" #83 Orange with Tiger Paw " width="135" height="100" /></a><br /><a href="http://myband-it.com/home/product_info.php?products_id=112&osCsid=9049cb9e899731c88173275c64c251ba">#83 Orange with Tiger Paw</a><br />$7.00</td><td width="33%" align="center" valign="top"><a href="http://myband-it.com/home/product_info.php?products_id=111&osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/IMG_1913 - Version 2.jpg" alt="#82 Purples/White" title=" #82 Purples/White " width="135" height="100" /></a><br /><a href="http://myband-it.com/home/product_info.php?products_id=111&osCsid=9049cb9e899731c88173275c64c251ba">#82 Purples/White</a><br />$7.00</td><td width="33%" align="center" valign="top"><a href="http://myband-it.com/home/product_info.php?products_id=110&osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/IMG_1918.jpg" alt="#81 Anna Spirit" title=" #81 Anna Spirit " width="135" height="100" /></a><br /><a href="http://myband-it.com/home/product_info.php?products_id=110&osCsid=9049cb9e899731c88173275c64c251ba">#81 Anna Spirit</a><br />$7.00</td></tr></table> </div>

 

 

</div>

 

 

</div> <!-- bodyContent //-->

 

 

<div id="columnLeft" class="grid_4 pull_14">

<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading">Categories</div> <div class="ui-widget-content infoBoxContents"><a href="http://myband-it.com/home/index.php?cPath=24&osCsid=9049cb9e899731c88173275c64c251ba">Band-Its-></a> (150)<hr /><a href="http://myband-it.com/home/index.php?cPath=30&osCsid=9049cb9e899731c88173275c64c251ba">Bling-It</a> (2)<hr /></div></div>

<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading">Quick Find</div> <div class="ui-widget-content infoBoxContents" style="text-align: center;"> <form name="quick_find" action="http://myband-it.com/home/advanced_search_result.php" method="get"> <input type="text" name="keywords" size="10" maxlength="30" style="width: 75%" /> <input type="hidden" name="search_in_description" value="1" /><input type="hidden" name="osCsid" value="9049cb9e899731c88173275c64c251ba" /><input type="image" src="includes/languages/english/images/buttons/button_quick_find.gif" alt="Quick Find" title=" Quick Find " /><br />Use keywords to find the product you are looking for.<br /><a href="http://myband-it.com/home/advanced_search.php?osCsid=9049cb9e899731c88173275c64c251ba"><strong>Advanced Search</strong></a> </form> </div></div>

<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading"><a href="http://myband-it.com/home/products_new.php?osCsid=9049cb9e899731c88173275c64c251ba">What's New?</a></div> <div class="ui-widget-content infoBoxContents" style="text-align: center;"><a href="http://myband-it.com/home/product_info.php?products_id=111&osCsid=9049cb9e899731c88173275c64c251ba"><img src="images/IMG_1913 - Version 2.jpg" alt="#82 Purples/White" title=" #82 Purples/White " width="135" height="100" /></a><br /><a href="http://myband-it.com/home/product_info.php?products_id=111&osCsid=9049cb9e899731c88173275c64c251ba">#82 Purples/White</a><br />$7.00</div></div>

<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading">Information</div> <div class="ui-widget-content infoBoxContents"> <a href="http://myband-it.com/home/shipping.php?osCsid=9049cb9e899731c88173275c64c251ba">Shipping & Returns</a><br /> <a href="http://myband-it.com/home/privacy.php?osCsid=9049cb9e899731c88173275c64c251ba">Privacy Notice</a><br /> <a href="http://myband-it.com/home/conditions.php?osCsid=9049cb9e899731c88173275c64c251ba">Conditions of Use</a><br /> <a href="http://myband-it.com/home/contact_us.php?osCsid=9049cb9e899731c88173275c64c251ba">Contact Us</a> </div></div>

<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading">Bestsellers</div> <div class="ui-widget-content infoBoxContents"><ol style="margin: 0; padding-left: 25px;"><li><a href="http://myband-it.com/home/product_info.php?products_id=116&osCsid=9049cb9e899731c88173275c64c251ba">heather's 2</a></li><li><a href="http://myband-it.com/home/product_info.php?products_id=117&osCsid=9049cb9e899731c88173275c64c251ba">Heather's 3</a></li><li><a href="http://myband-it.com/home/product_info.php?products_id=115&osCsid=9049cb9e899731c88173275c64c251ba">Heather's headband</a></li><li><a href="http://myband-it.com/home/product_info.php?products_id=40&osCsid=9049cb9e899731c88173275c64c251ba">#10 Cream leopard with turquoise</a></li><li><a href="http://myband-it.com/home/product_info.php?products_id=44&osCsid=9049cb9e899731c88173275c64c251ba">#14 Green with Pink Swirl</a></li><li><a href="http://myband-it.com/home/product_info.php?products_id=45&osCsid=9049cb9e899731c88173275c64c251ba">#15 Beige with colored dots</a></li><li><a href="http://myband-it.com/home/product_info.php?products_id=47&osCsid=9049cb9e899731c88173275c64c251ba">#17 Turquoise Zebra</a></li><li><a href="http://myband-it.com/home/product_info.php?products_id=61&osCsid=9049cb9e899731c88173275c64c251ba">#31 Black with black dots</a></li><li><a href="http://myband-it.com/home/product_info.php?products_id=34&osCsid=9049cb9e899731c88173275c64c251ba">#4 Black Ruffle</a></li><li><a href="http://myband-it.com/home/product_info.php?products_id=72&osCsid=9049cb9e899731c88173275c64c251ba">#42 Green multi</a></li></ol></div></div></div>

 

 

<div id="columnRight" class="grid_4">

<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading"><a href="http://myband-it.com/home/shopping_cart.php?osCsid=9049cb9e899731c88173275c64c251ba">Shopping Cart</a></div> <div class="ui-widget-content infoBoxContents">0 items</div></div>

<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading"><a href="http://myband-it.com/home/reviews.php?osCsid=9049cb9e899731c88173275c64c251ba">Reviews</a></div> <div class="ui-widget-content infoBoxContents">There are currently no product reviews</div></div></div>

 

 

 

<div class="grid_24 footer">

<p align="center">Copyright © 2011 <a href="http://myband-it.com/home/index.php?osCsid=9049cb9e899731c88173275c64c251ba">Band-It</a><br />Powered by <a href="http://www.oscommerce.com" target="_blank">osCommerce</a></p>

</div>

 

 

<div class="grid_24" style="text-align: center; padding-bottom: 20px;">

<a href="http://myband-it.com/home/redirect.php?action=banner&goto=1&osCsid=9049cb9e899731c88173275c64c251ba" target="_blank"><img src="images/banners/oscommerce.gif" alt="MyBand-it.com" title=" MyBand-it.com " width="468" height="50" /></a></div>

 

<script type="text/javascript">

$('.productListTable tr:nth-child(even)').addClass('alt');

</script>

 

 

</div> <!-- bodyWrapper //-->

 

 

</body>

</html>

Posted

Kristina,

 

 

That is NOT an osCommerce file. I see you are trying to incorporate OSCID's into an HTML page, which will not work if the client is then sent to osCommerce to continue checkout. Once the client enters the cart, they are assigned an OSCID so the checkout process will fail based on the 'forced' OSCID you are trying to apply to the customer.

 

 

Your problem is not alignment, it is trying to do something that can't be done.

 

 

 

 

Chris

Posted

Thanks, I have no idea what OSCID is so I'm sure it was accidental, I'll search the forums to see how I can remove it or fix whatever I did.....

 

Thanks again!

 

Kristina

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...