I have tried everything I know to center my footer text to match the front end of the website. I suspect it's something easy.
You can see a live page in action here: http://www.lasilhouettelingerie.com/shop/privacy (I am only trying to center the footer text to match this page: http://www.lasilhouettelingerie.com/).
The first thing you should know is that I removed most of my tpl_footer.php css rules and added my own (to match the front end of my website). On the front end it's centered, on the zen cart pages it is not.
Here is my tpl_footer.php that shows the css rules:
Code:
<?php
/**
* Common Template - tpl_footer.php
*
* this file can be copied to /templates/your_template_dir/pagename<br />
* example: to override the privacy page<br />
* make a directory /templates/my_template/privacy<br />
* copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_footer.php<br />
* to override the global settings and turn off the footer un-comment the following line:<br />
* <br />
* $flag_disable_footer = true;<br />
*
* @package templateSystem
* @copyright Copyright 2003-2010 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_footer.php 15511 2010-02-18 07:19:44Z drbyte $
*/
?>
<?php
if (!isset($flag_disable_footer) || !$flag_disable_footer) {
?>
<!--bof-ip address display -->
<?php
if (SHOW_FOOTER_IP == '1') {
?>
<div id="siteinfoIP"><?php echo TEXT_YOUR_IP_ADDRESS . ' ' . $_SERVER['REMOTE_ADDR']; ?></div>
<?php
}
?>
<!--eof-ip address display -->
<!--bof-banner #5 display -->
<?php
if (SHOW_BANNERS_GROUP_SET5 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET5)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerFive" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>
<!--eof-banner #5 display -->
<!--This is where I enter all my custom footer information from the front end -->
<div style="position: relative; background: url('/images/news_bg.gif') no-repeat; width: 808px; height: 100px; margin: auto; font-size: 10px; clear: both;">
<? if (strtolower($_SERVER['PHP_SELF']) != '/awards-news.php') { ?>
<a href="/awards-news.php"><img src="/images/awards_news.gif" width="218" height="18" alt="Awards & News" style="position: absolute; top: 0px; left: 410px;" /></a>
<? } ?>
<div style="position: absolute; top: 25px; right: 5px; width: 570px; font-size: 8px;">
<span style="font-weight: bold; color: #bf1e2d; font-size: 10px; line-height: 18px;">We Carry the World's Finest Lingerie Brands...</span><br />
Arlotta, Andre Sarda, B.Up, Bagley Mischka, BedHead, Betsey Johnson, Cass and Co., Chantelle, Cosabella, do mi, Elle Macpherson, Feraud, Foxers, Francis Smiley, Hanky Panky, Huit, Jane Woolrich, Jay Cris, Josie Natori, KayAnna, La Perla, Luisa Stefano, Lou Paris, Marie Jo, Maria Scotto, Natori, Oscar de la Renta, Prima Donna, Roseta, Simone Perele, Teccia, Verena, Wolford, and more.
</div>
</div>
<div style="clear: both; height: 10px;"></div>
<div id="box-wrapper">
<div id="box-top"></div>
<strong>For Fashion and Sale News</strong><br />
<form name="subscribe" action="http://www.lasilhouettelingerie.com/...page=subscribe" method="post">
<input type="hidden" name="act" value="subscribe" />
<input type="text" name="email" size="18" maxlength="90" value="Enter email address" onfocus="if (this.value == 'Enter email address') this.value = '';" />
<input type="image" src="/shop/includes/templates/latemplate1/buttons/english/button_subscribe.gif" alt="Subscribe" title=" Subscribe " value="Subscribe" />
</form>
<a href="http://www.facebook.com/pages/La-Sil...777833?ref=sgm" target="_blank"><img src="/images/facebook.gif" width="72" height="24" alt="Find Us On Facebook" style="margin: 7px;" /></a>
<a href="http://twitter.com/La_Silhouette" target="_blank"><img src="/images/twitter.gif" width="57" height="24" alt="Follow Us On Twitter" style="margin: 7px;" /></a>
<div id="box-bot"></div>
</div>
<div id="footer">
<a href="/shop/accessories-c-157">Accessories</a> |
<a href="/shop/bustier-c-144">Bustier</a> |
<a href="/shop/dresses-c-172">Dresses</a> |
<a href="/shop/hosiery-c-141">Hosiery</a> |
<a href="/shop/tops-c-145">Tops</a> |
<a href="/shop/bras-c-1">Bras</a> |
<a href="/shop/panties-c-66">Panties</a> |
<a href="/shop/matching-sets-c-103">Matching Sets</a> |
<a href="/shop/loungewear-c-68">Loungewear</a> |
<a href="/shop/nightwear-c-67">Nightwear</a> |
<br />
<a href="/shop/bodysuits-c-70">Bodysuits</a> |
<a href="/shop/bridal-c-140">Bridal</a> |
<a href="/shop/sale-c-71">Sale</a> |
<a href="/shop/shop-by-designer-c-72">Shop by Designer</a> |
<a href="/shop/shop-by-price-c-82">Shop by Price</a> |
<a href="/shop/gift-certificates-c-21">Gift Certificates</a> |
<a href="/awards-news.php">Awards and News</a> |
<a href="/">Home</a>
<br />
<a href="/shop/shippinginfo">Shipping & Returns</a> |
<a href="/shop/privacy">Privacy Notice</a> |
<a href="/shop/conditions">Conditions of Use</a>
<br />
<div style="margin-top: 7px; line-height: 14px;">
<?= date('Y') ?> © La Silhouette, LLC<br />
<span style="font-size: 8px;">Website Hosted at: Host Leopard Ohio ~ Designed By: Diana Puppin / dp Design</span>
</div>
</div>
<div style="clear: both; height: 10px;"></div>
<!--This is where I enter all my custom footer information from the front end -->
<?php
} // flag_disable_footer
?>
Here are my css rules that apply to this tpl_footer.php file:
Code:
#box-wrapper {
float: left;
background: url("/images/box_mid.gif") repeat-y;
width: 183px;
margin: 10px 0 10px 37px;
font-size: 10px;
line-height: 20px;
text-align: center;
}
#box-wrapper p {
margin: 0 15px;
font-size: 10px;
text-align: left;
}
#box-top {
background: url("/images/box_top.gif") no-repeat;
height: 9px;
}
#box-bot {
background: url("/images/box_bot.gif") no-repeat;
height: 11px;
}
#footer {
float: right;
width: 575px;
margin: 10px 0 0 0;
font-size: 9px;
line-height: 16px;
}
All of the css rules are shown above. Any ideas would be greatly appreciated.
Bookmarks