Custom Header Help
Hi gang...
I'm trying to modify my header. It is pretty simple with a background and two or three images.
I'm having a hard time with css making the header how I want it. I have attached a pic of how it should look. The background, car and text are all layers. I have them all saved individually and uploaded.
I can't get the background to show, is the below code correct?
#header {
background: transpatent url (../images/custom/pro_car_care.png) no-repeat top right;
height: 179px;
top: 0px;
left: 0px;
}
#header .logo_name {
position: left;
right: 180px;
top: 0px;
}
{*
$Id: head.tpl,v 1.1.1.1 2012/04/05 10:16:13 ferz Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<div class="line1">
<div class="logo">
<a href="{$catalogs.customer}/"><img src="{$AltImagesDir}/custom/car_care_products.png" alt="Professional Car Care Products" /></a>
</div>
<div class="header-links">
<div class="wrapper">
{*{include file="customer/header_links.tpl"}*}
</div>
</div>
{*<div class="logo_payments">
<img src="{$AltImagesDir}/custom/payment_logos.png" alt="" />
</div>*}
{include file="customer/tabs.tpl"}
{include file="customer/phones.tpl"}
<div class="logo_name">
<a href="{$catalogs.customer}/"><img src="{$AltImagesDir}/custom/professional_car_care_products.png" alt="Pro Car Care Products" /></a>
</div>
{*<div class="logo_payments">
<img src="{$AltImagesDir}/custom/payment_logos.png" alt="" />
</div>*}
</div>
<div class="line2">
{if ($main ne 'cart' or $cart_empty) and $main ne 'checkout'}
{include file="customer/search.tpl"}
{*{include file="customer/language_selector.tpl"}*}
<div class="header-links">
{include file="customer/header_links.tpl"}
</div>
{/if}
</div>
{include file="customer/noscript.tpl"}
It might be that the pics are blocking the backgound, but I believe the pics don't have background info.
Whats the best format to save pics with no background?
|