changing header from image to html

[s_t_e_v_e]

Yes. do that.... keep backups ofcourse.. just in case...

[ieguana]

I see that this problem still has not been corrected after viewing the site mentioned. I will post a response if I find an answer.

I am having a similar problem. I am trying to change the top heading of my page to include a heading that looks like this:

http://test.ieguana.com/Untitled.html
(heading only w/ rollover images)

I have been trying to get the code for that page into the tpl_header file but it completely blows up the site. I do not know what I need to do to get the html to work properly. I assume that the tables have something to do with the problem. I am unsure, I have seen other Zen-cart users that have changed their site to similar setups so, I know it can be done. any help would be greatly appreciated. Thanks

[ieguana]

I found a the problem with mine, the stuff I was trying to do had .js in it, which would not allow me to just put in the page. That needed to go into a seperate file (which because of the problems I had in other areas I decided not to use it altogether.)

However, I did change my header to use the HTML as you are trying to do. here is the line of code that is messing you up...

<script type="text/javascript" src="/livehelp/livehelp_js.php?relative=Y&amp;department=1&amp;pingtimes=15"></script>


this needs to be in a seperate file since it is running .js. From looking at the code, you can possibly remove:

<!-- END SCANALERT CODE --></td>
<td><!-- Powered by: Crafty Syntax Live Help http://www.craftysyntax.com/ -->
<script type="text/javascript" src="/livehelp/livehelp_js.php?relative=Y&amp;department=1&amp;pingtimes=15"></script>
<!-- copyright 2003 - 2006 by Eric Gerdes --></td>

altogether and still have the header work as it is supposed to, I am guessing here as I am not sure the purpose of this code. If it is like my SSL cert (which uses a server response to set time/date), it is probably for the live help -online/offline- to set a correct image for the site. You might just want to move that to another area of the site for better results, either way it uses javascript which needs a seperate file in the templates/../jscript folder. Good luck I hope this helps some.

[keylesslocks]

I removed that javascript and uploaded and still a problem, the pics were not showing... is this right like this: <img src="<?php echo DIR_WS_TEMPLATE_IMAGES; ?>appliance-parts_02.jpg" width="375" height="27" alt="" border="0" usemap="#FPMap1">

[keylesslocks]

ok, the images were in the wrong folder, so now I got it, but need to remove the old header image... and fix it up, will keep u posted. thanks!

[keylesslocks]

okay, my only main problem now is that there is a huge G _ A _ P below the header... anyone know how to close it up?

[khota]

change padding / top margin in css

[ieguana]

look for this code in the stylesheet.css

#logoWrapper{
height:170px;
}

It will be around line 200 or so...I can't tell you exactly as my stylesheet has many modifications. Changing this height will move the main page sections up or down as needed

There is also a section of code:

/*changes the logo position, also adds that damn space at the bottom of the logo*/~my notes
#logo
{text-align: center;
padding-top: 1.5em;
background-color:#000000;}

around line 118 that will make some changes as well to the height of the logo....

[keylesslocks]

i changed that already to 221px because that is the exact height of my graphical header, it is still adding some extra space...

[ieguana]

I assume your talking about the logowrapper when you said you've changed that. I suggest trying to change the lower set then. I had alot of trouble with that same problem (and other spacing) these 2 enteries are what made the change in the space at the top of the main . You probably want to make sure your checking both of the stylesheet.css files. I don't know why but I found sometimes the otherone causes troubles with the custom sheet we are using.
In the meantime, since I am currently working in my Stylesheet, I will run through it again and see if I find any other area's that may have an effect on the space, as far as I know those were the only 2 places.