Hmmm, I applied the three things you mentioned and the only one that seemed to change anything was the location margin and it gave me the following error:
Quote:
"Error: Smarty error: [in customer/home.tpl line 35]: syntax error: unrecognized tag: margin-top:15px; (Smarty_Compiler.class.php, line 446) in .../teststore/include/lib/smarty/Smarty.class.php on line 1092"
|
The other two things don't seem to have done anything. I did a cleanup on the template cache to make sure it wasn't just an issue with the template refreshing and showing up correctly. Below is snips of the code to show you how I applied your suggestions.
HOME.TPL
Code:
{*
$Id: home.tpl,v 1.100 2008/12/11 08:02:53 max Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<?xml version="1.0" encoding="{$default_charset|default:"iso-8859-1"}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{config_load file="$skin_config"}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{include file="customer/service_head.tpl"}
</head>
<body{if $body_onload ne ''} onload="javascript: {$body_onload}"{/if}{if $container_classes} class="{foreach from=$container_classes item=c}{$c} {/foreach}"{/if}>
<div id="page-container">
<div id="page-container2">
<div id="content-container">
<div id="content-container2">
<div id="center">
<div id="center-main">
<!-- central space -->
{if $speed_bar}
<div class="tabs">
<ul>
{foreach from=$speed_bar item=sb}
<li><a href="{$sb.link|amp}">{$sb.title}</a></li>
{/foreach}
</ul>
</div>
{/if}
#location{
margin-top:15px;
}
{include file="customer/noscript.tpl"}
{include file="customer/bread_crumbs.tpl"}
MAIN.CSS
Code:
/* header line 3 */
#header .line3 {
position: relative;
width: 100%;
height: 0px;
text-align: right;
}
.line3 .printable-bar {
position: absolute;
top: 6px;
right: 186px;
height: 18px;
}
.line3 .printable-bar a:link,
.line3 .printable-bar a:visited,
.line3 .printable-bar a:hover,
.line3 .printable-bar a:active
{
background: transparent url(images/printer.gif) no-repeat right top;
padding: 2px 20px 2px 0px;
color: #818891;
font-size: 10px;
line-height: 16px;
}
Code:
/* header tabs */
.tabs {
position: relative;
top: 0px;
right: 0px;
margin: 0px;
padding: 0px;
height: 25px;
width: 100%;
text-align: right;
}
.tabs ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.tabs li {
float: right;
margin: 0px 1px 0px 0px;
padding: 0px;
background: transparent url("images/tab_r.png") no-repeat right top;
height: 25px;
}
.tabs a:link,
.tabs a:visited,
.tabs a:hover,
.tabs a:active
{
display: block;
background: transparent url("images/tab_l.png") no-repeat left top;
margin: 0px 5px 0px 0px;
padding: 5px 0px 5px 5px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: #253161;
text-decoration: none;
font-weight: bold;
font-size: 11px;
height: 25px;
outline-style: none;
}
.tabs a:hover {
color: #2863c2;
}