Header overlapping main page elements...?

[LloydDobbler]

What's up, folks?

So here I am, trying to find my way through the Wiki, FAQ's, and posts to learn enough about the template override system to do some damage...and I've run up on a question I hope someone can answer.

The site design I've worked out for my site involves a header that overlaps the display of products on the main page. Here's a site comp for you to look at:

On subsequent pages (product, etc), the logo should overlap the 'background speech blurbs' a little bit (the tan part of the image above)...but not necessarily the images.

With a normal HTML/CSS site, I've been able to accomplish this with no problems...using CSS, I held the logo (a transparent .GIF) in place via absolute positioning, and gave it a relatively high z-index, which places it on top of the other product images & background images.

In theory, it seems to me that this same technique should work through the CSS with Zen Cart...but given that a) the header is held in a separate php file from the bulk of the main content, and b) the images for the shirts will be pulled up as dynamic content, it seems like there could be some roadblocks along the way that I just don't know enough to watch out for (for example, does the html_header.php file set a limit on how many pixels the header can be?).

This is why I wanted to post this message and see if some of you more experienced types could verify for me that 'it can be done.'

Thanks so much for your thoughts - if it does look like it's going to be kinda crazy-difficult to do, any & all 'pointing-in-the-right-direction' -type comments would be most appreciated. I've never even messed with PHP...so I'm prepping for a steep learning curve.

Thanks again,

Kipp

[kobra]

I have not done this with ZenCart either but it should be able to be accomplished and maybe without touching tany of the php stuff.

The Zen method for this(header& other elements)is that they define in css a wrapper and then the content. Having seen what the wrapper does and how it emulates a table, you might have to strip the wrapper for the header and check the php header files to see if they reference the wrapper. And define and position your header another way along with any other items that you will use from the zencart layot.

the z-index hierarchy should work then. You will just have to separate and maybe redefine the centerbox for the mainpage vs the other pages. I would create another for the main and let Zen use centerbox for the rest.

[LloydDobbler]

I have not done this with ZenCart either but it should be able to be accomplished and maybe without touching tany of the php stuff.

The Zen method for this(header& other elements)is that they define in css a wrapper and then the content. Having seen what the wrapper does and how it emulates a table, you might have to strip the wrapper for the header and check the php header files to see if they reference the wrapper. And define and position your header another way along with any other items that you will use from the zencart layot.

the z-index hierarchy should work then. You will just have to separate and maybe redefine the centerbox for the mainpage vs the other pages. I would create another for the main and let Zen use centerbox for the rest.

Hey, thanks so much for the response, Kobra!

Waht you say about the wrapper makes sense, in theory...I just need to roll up my sleeves & get in there so I can actually see what you're talking about.

I'm still trying to figure out exactly how all the pieces fit together, so right now a lot of what you mentioned above doesn't make too much sense to me...but I'm sure it will once I get a clearer picture of the interaction of the files & come to a better understanding of what does what. Basically, the main thing I'm afraid of is, as you mentioned, if I should have to remove the wrapper and then search for references to it in other php files.

This. sounds. scary.

If only because just figuring out which php files to check is quite a daunting task for me, right now. (I know I'm gonna love the modular nature of Zen Cart's code at some point, but right now it's just overwhelming).

The only other thing I'm not too certain about is how to get Zen Cart to spit out just the images for my shirts in the fashion I want it to, once I get the containers set up the right way.

Is this related to the 'centerbox' you were talking about? I'm guessing (from context) that the centerbox is the main content section for the page (minus the sidebars) - am I right?

Thanks again for the help!!

Kipp

[kobra]

To help find what files have certian code i.e. #logo wrapper or another.

In the cart admin there is under tools the developers tool kit or tools. Enter the text you are seeking and it will find the files and tell you the path to them and the line # where it is. Not so daunting...

Not sure what you are seeking for the image display of the shirts but the center area is where they are placed.

[LloydDobbler]

Thanks again, K. That search link will be a huge help.

As for the shirt display, I figured that's what you meant by 'centerbox.' It's just always best to ask for clarification with something like this, as I've wandered down a path a few times thinking I was going in one direction, when really I was going somewhere completely different.

As for the display of the shirts, I'm talking displaying them just like they are in the image above. No text surrounding them, no taglines or blurbs. Just the shirts.

(I imagine that's just going to be done in CSS as well...I just haven't entered any products into ZC yet, so I don't really know how it goes about taking the product data you enter and displaying it. But like everything with Zen Cart, I guess it's probably one of those things that seems much more complicated until you get in and play with it a bit. Which I'll get to soon enough...once we get the surrounding site design worked out, THEN we'll start dealing with the dynamic content. Baby steps...)

Thanks again for helping me out with what will undoubtedly seem like dumb questions when I look back at them in a few months.

Kipp

[motti]

Hi

for some reason i have few pages that the all page become larger while the rest are normal here is 2 diffrend pages

normal page http://www.tiledepot.us/store/index....=index&cPath=2

not normal page http://www.tiledepot.us/store/index....ex&cPath=13_17

it is heppen to pages i post pic in the descriptions, i remove them but still it is way too large

please replay with some answer

Thank You very much