X-Cart forums

[stuntfactoryx]

here is my table in the head tpl

<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

 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.

[tobychapman]

Looks like you should take "logo_bg_right.jpg" out of the css and put it in the html with an <img> tag. Then you can put a gradient image in both <td> tags with css.

Test in different browsers, of course, as tables are rendered differently. Its much easier doing this with divs, once you get the hang of it.

[stuntfactoryx]

http://www.stuntfactoryx.net/store/home.php


theres a link, im trying to get that image to cover the red...

could you explain a little more please.. im new to x-cart... have some vb skinning expirience... this is really confusing

[tobychapman]

Why don't you just change "#CC0000" to "#000000" ?

[stuntfactoryx]

there is a gradient.. its just not black... i think i might have gotten it... i went into the css file and put in a background image url after the logo.jpg... then i removed one of the phone numbers in the right top of header(think it was forcing the gap because it was so wide) then i made the right background image wider... not sure if that just made any sense...

but it works in smaller aol window, IE6 and FF... so hopefuly it works everywhere else...

[tobychapman]

I can't follow. How do you *want* it to look ?

[stuntfactoryx]

well i think i got it now i wanted that gradent to tile across the middle...