Adding HTML content to sidebox areas

[shackle]

Ok what I want to do is add HTML code to the left side of my site in the background area.

http://www.formulaexo.com/shopexo/

Notice the menu on the left side that's how I want it however I rigged that with sloppy HTML code so it would be displayed there.

<div style="position: absolute; top: 21%; left: -3%; width: 229px; height: 410px; z-index: 1"></div>

And that doesn't work when your resolution is changed it messes up.

So I wanted to add this content (fireworks .gif menu which requires HTML to work right) To the background left side via TPL files or where ever it can with be done so the template knows it's there and works correctly at different resolutions.

If this still confuses you let me know : )

[DrByte]

If you want content to appear "outside" the body of the Zen Cart-generated site, you'll have to use positioning.

In terms of "where" to put the code, why not just put it in a new left sidebox?

the "best" place depends on what code you finally use to display it. What you are using right now is ... well ... not good.

If you're bent on having it outside the store area, the journey ahead will be interesting...

[shackle]

If you're bent on having it outside the store area, the journey ahead will be interesting...

I'm willing to try if anyone has the time, and will to help me. Um If it had to be in the sidebox area could it be done so it isn't inside a sidebox?

[DrByte]

Zen Cart draws its content via tpl_main_page.php

Inside that, it calls content for the header, then the "left column", then the "center section", then the "right column", and then the footer.

You've got ALL of that set to show up in the middle of the screen, with whatever amount of space the customer sees on the left/right based on their screen resolution.

If you want to put something in the left column and then use CSS to push it outside the main content area, go ahead. You will lose the ability to expand your center section content into the left column. If you want to put your menu code into the footer, and then reposition it up and left from there, I guess that'd work. To do this, stuff it somewhere in tpl_footer.php, and wrap the appropriate block tags around it so you can relocate it happily.

It all depends on browser compatibility. The challenge of getting all browsers to honour your positioning requests will be fun I'm sure.