Help with header/logo

I tryed to follow the instructions here:
http://www.zen-cart.com/forum/showthread.php?t=102274&page=3
I can't get it to look right in firefox, it looks great in IE, anyone know what I might have done wrong?

Also in IE I have this red x image box showing over the logo and I can't seem to be able to remove it.
I have searched, read and searched again and did not find what I was looking for.

Can someone explain this to a CSS/html impared newbie? :blush:

Need to add that this is the first time I have ever seen a code html or css so for me just to be able to customize anything is a miracle LOL

My store is http://www.princess-sophie.com/shop/

A couple of things:

You have added the #frame outside of #mainWrapper, so all the margin etc. styling that applies to #mainWrapper meeds to be applied to #frame too, in order to position the frame.

You must be working with a large monitor (1200px+), because the fixed frame width can never be seen properly in a 1024x768 monitor, let alone 800x600.

You have something that may be an attempt to comment out the #logo, but it is incorrectly formatted and will cause some errors:```
background-color: #faf3f3;
}
****************************Jeg har satt inn denne her
#logo {
display: none;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
If you want that commented out, do this:
/*
#logo {
display: none;
}
*/

Yes, I have a big monitor 1440x900

So you think the best thing for me would be to adjust the width of my entire store then?
I have set it to 1000px and the frame is outside of that.

I did open my site on my both of my portable computers one with 15 inch screen the other with 17 inch screen.
It looked great in IE, and I could see the frame on both of them and they are older model comps and ment for
common household use.
Might have to add that my store products is high resolution designs to use for photo enhancement, and I doubt
that my customers have extreme low resolution monitors. I can't see that they would be able to work with digital
scrapping on monitors like that.

But can I just move the frame? Or do I really have to apply all the main wrapper styling to the frame sigh LOL
If so what codes exactly need to be added to the frame?

After changing the the code you mentioned for the additional image box it is still showing. Is there anything else I can do?

I think I finally managed to get this all sorted but I lost my image map for the header so I need to sort that again.

If someone takes a look at my store to confirm that the empty image box with the red x is no longer placed over my header.
And that the borders are placed on each side of the store where it is suppose to be.

I had a empty space underneeth the header as well and I think I sorted that too.

This coding and customizing store thing is so cool, I feel I am learning a ton of stuff, I love it!

Nah, I am still having issues LOL

Now I have tryed to code the image map into the tpl_header.php
In IE the image map seems fine but still I have that stupid empty image box with the red x
In firefox I don't seem to have a image map over the header.

This is hard :blink:

Anyone?

I thought i had the answer to this until i double checked and became confused lol.

random red x's :censored:

I have tested about 10 different ways to solve this and still end up with the empty image box with the red x if I want my imagemap to work.

And now the entire store looks messed up in firefox.

I am so close to giving up bangs head on desk

Surly someone knows how to get this to work in both IE and Firefox, I see hundreds of stores out these with customized headers with links in them.

LOLOLOL I had the header_bg.jpg image uploaded to the wrong place and thanks to Firefox CSS viewer add-on I was able to trouble shoot this by looking for broken images ;)

I have messed my header up somehow. Half of the letters in the header don't even show up. Is there a way to reset the header, so I can start over again?

I started over again 3 times.
If you followed the steps to make a custom template you can copy the original tlp_header.php file from your default_template/common folder over to "your_custom_template"/common folder again and start over.

I am not sure how to obtain the actual untouched file if you did not use the override system, at least not if you got the shop installed on your server for you like I did by my server host.

I just had a look at your site in Firefox and it looks ok there. The text was not cut in half.

Before you delete and start over you could try to adjust the red erea :

#taglineWrapper {
margin-left:135px;
padding-top: 50px;
background:;
width:560px;
}

It is just a suggestion, I am seriously just a newbie and my advise might be rubbish :blush:

Hi Anlill,
Thank you for the response. That's interesting that the header shows up in Firefox, but it doesn't with my Internet Explorer. I can't even make out what the letters are. I tried to adjust the red area in the stylesheet.css, but it kept pushing the header down and the text along with it, so you still couldn't see it and it was getting pushed down below the header area. Thank you for your help though. I think I'll try to reset it, and go from there. Is there a place where you can get a new tlp_header.php file, if we have written over the original, or can't find the file? :laugh: :dontgetit

If you don't have an untouched copy, you can download a new ZC file package and unzip it on your computer to get to the files. Keep a copy as is and make a copy to edit for your site.