here is my table in the head tpl
Code:
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/logo.jpg" alt="" /></a></td>
<td class="HeadRightBox">
{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
</td>
</tr>
</table>
here is my css tpl
Code:
Header styles
*/
.HeadLogo { padding: 0; background: #CC0000; text-align: left; vertical-align: bottom; }
.HeadRightBox { padding: 10px 40px 10px 10px; background: #CC0000 url('images/logo_bg_right.jpg') no-repeat right bottom; color: #FFFFFF; text-align: right; vertical-align: bottom; }
.HeadText { margin-bottom: 60px; color: #F0F0F0; font-size: 11px; font-weight: bold; text-align: right; }
.HeadLine { padding: 5px; background: #191919; color: #fff; vertical-align: middle; }
.HeadLine b { color: #fff; }
.HeadLine a { color: #fff; }
.HeadThinLine { background-color: #AEAEAE; height: 1px; }
.PrintableRow { padding-right: 176px; width: 100%; height: 18px; vertical-align: middle; }
.HeadTopPad { height: 18px; }
.HeadTopPad IMG { width: 1px; height: 18px; }
/*
the way this looks is it has a right and left image in the header w/ a color filling in between to make it fluid
what i want to do is have a right and left image and a gradiient image tiling in the center instead of it filling w/ a color. any help i would greatly appriciate.
