X-Cart forums - header help

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - header help (https://forum.x-cart.com/showthread.php?t=32231)

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. :-)

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.

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

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

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...

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

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