Strange "image" behavior ?

[kevinmc3]

Some of my images are "blocking text". In other words the image is set to "front". For example, in the link below if you scroll the left hand navigation you will see the first image is actually blocking the drop out menu. ?? I don't see anything in Admin to adjust this.

http://www.cvtreasures.com/index.php...e=products_new

[gjh42]

It's behaving fine in Firefox. Are you looking in IE? If so, it is probably some obscure IE bug causing the effect.

I see the effect in IE6. You are using IH2 or some other special image display mod, and the code for this is not compatible with the code for the flyout menu mod.

Post in the relevant mod support threads for help with this.

[kevinmc3]

Yes, using IE. Versions 6 and 7.

[TheGluePeople]

I have this issues also, with my header logo.

It displays fine in Firefox but only partially displays the image using internet exploder.

Any ideas how I might fix this?
(get Bill Gates in here now!!)

www.thegluepeople.co.uk

Thanks

[CunningStunt]

[FONT=Courier New]Im also having a similar issue with IE and my header logo.

Firefox displays it fine but internet exploder only partially displays the image.

www.thegluepeople.co.uk

Any ideas how I might resolve this? Thanks


[/FONT]

[kevinmc3]

I never got a response here, other then "it owrks fine with Firefox". But, I'll keep looking on other sites on the web

[kevinmc3]

Actually gjh42 gave some help on the image handler. He suggests posts in the specific IH mod thread area.

[CunningStunt]

I managed to get it working by editting tpl_header.php and adding the following style settings to the logo div.

<div id="logo" style="position: relative; float: left;width:194px; height:106px; text-align:center;">

Apologies for the double post.

[gjh42]

The better and easier way to add styles is to put them in the stylesheet (/includes/templates/your_template/css/stylesheet.css).

That way the layout details and controls are all in one place, and you won't have to copy the edits over in PHP files when you upgrade to a new version of Zen Cart.

Just add to the #logo declaration:

#logo {
    float: left;
    width:194px;
    height:106px;
    text-align:center;
    }

( position: relative; and float: do not go together.)
And actually, the width and height are defined in /includes/languages/english/your_template/header.php:

define('HEADER_LOGO_WIDTH', '192px');
define('HEADER_LOGO_HEIGHT', '64px');

and you need to change them there.

[gjh42]

Just remembered, the position: relative can work for giving an element a z-index, so that's why it's there.