Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Header logo ovelapping header bar, how do I do it??

Header logo ovelapping header bar, how do I do it??

Locked

Views: 5,032

Results 21 to 23 of 23
This thread is locked. New replies are disabled.
4 Dec 2007, 7:41 PM
#21
sweet_zouzou avatar

sweet_zouzou

Zen Follower

Join Date:
Nov 2007
Posts:
138
Plugin Contributions:
0

Header logo ovelapping header bar, how do I do it??

This is what I ended up with. I had to adjust the "alt" size in the tpl_header.php very large (450/150) to encompass the logo and position the #logo to left justified. Also reduced the #logoWrapper left margin to zero to move the alt to coincide with the logo.

I have 1 more problem tho (yeah right :huh:), the link (' . HTTP_SERVER . DIR_WS_CATALOG . ') in the tpl_header.php alt is not working.

#logo {
width: 295px;
height: 150px;
float: left;
}

#logoWrapper {
float: left;
margin: 1em 0 0 0em; /(top) (right) (bottom) (left) position logo/
}

tpl_header.php

<div id="logo"><a href="' . HTTP_SERVER . DIR_WS_CATALOG . '"><img src="images/pixel_trans.gif" alt="" width="450" height="150" /></a></div>

Sweet

5 Dec 2007, 2:53 AM
#22
batteryman avatar

batteryman

Zen Follower

Join Date:
Jul 2004
Location:
Las Vegas
Posts:
327
Plugin Contributions:
0

Re: Header logo ovelapping header bar, how do I do it??

Sweet ZouZou:

This is what I ended up with. I had to adjust the "alt" size in the tpl_header.php very large (450/150) to encompass the logo and position the #logo to left justified. Also reduced the #logoWrapper left margin to zero to move the alt to coincide with the logo.

I have 1 more problem tho (yeah right :huh:), the link (' . HTTP_SERVER . DIR_WS_CATALOG . ') in the tpl_header.php alt is not working.

#logo {
width: 295px;
height: 150px;
float: left;
}

#logoWrapper {
float: left;
margin: 1em 0 0 0em; /(top) (right) (bottom) (left) position logo/
}

tpl_header.php

<div id="logo"><a href="' . HTTP_SERVER . DIR_WS_CATALOG . '"><img src="images/pixel_trans.gif" alt="" width="450" height="150" /></a></div>

Sweet

It should read:

<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' ?><img src="images/pixel_trans.gif" alt="" width="450" height="150" /></a></div>

That will fix your problem I believe

5 Dec 2007, 4:26 AM
#23
sweet_zouzou avatar

sweet_zouzou

Zen Follower

Join Date:
Nov 2007
Posts:
138
Plugin Contributions:
0

Re: Header logo ovelapping header bar, how do I do it??

thx batteryman, I knew it was something simple ;-)