Simple Zen Template - Support Thread

[stephy]

Hi,
I am using the simplezen template (which is lovely)and would like some advice if possible.
Not sure if it is specific to the template so just say if I need to ask elsewhere.
My site is here and I have got it looking as I wish in IE7 but not firefox, the categories are way down the page not over the image like in IE7
Does anyone know how I could get it to look the same in firefox as it does in IE7.
Many thanks for any help

[jettrue]

Hi,
I am using the simplezen template (which is lovely)and would like some advice if possible.
Not sure if it is specific to the template so just say if I need to ask elsewhere.
My site is here and I have got it looking as I wish in IE7 but not firefox, the categories are way down the page not over the image like in IE7
Does anyone know how I could get it to look the same in firefox as it does in IE7.
Many thanks for any help

Well, your logo needs to be shorter, It is 600 pixels tall, and that is why it is pushed down. Its the incorrect handling of IE that is making it look OK in IE.

[stephy]

Thank you for your reply.
I thought it was odd that it looked okay
Is there anyway I can move it from being a logo to being a background.
As I would like to keep the image as it is and not reduce the size.
Many thanks for any help.

[jettrue]

Thank you for your reply.
I thought it was odd that it looked okay
Is there anyway I can move it from being a logo to being a background.
As I would like to keep the image as it is and not reduce the size.
Many thanks for any help.

You could change mainWrapper to this:

div#mainWrapper {
margin-top:25px;
text-align: left;
width: 850px;
vertical-align: top;
background:url(includes/templates/simple_zen/images/logo.gif)no-repeat;
border:5px solid #transparent;
}

then open up includes/templates/simple_zen/common/tpl_header.php

and change:

<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a>'; ?></div>

to this:

<div id="logo"></div>

You'll also need open the logo in an image editing program to make a 34 pixel gap at the top of the image, so that the logo starts after the Home Login bar. Hope that makes sense.

[stephy]

Thank you for your help.
I have done what you wrote (i think)
but no image is showing.
Have i missed something?
Thank you.

[jettrue]

Thank you for your help.
I have done what you wrote (i think)
but no image is showing.
Have i missed something?
Thank you.

Sorry, change:

background:url(includes/templates/simple_zen/images/logo.gif)no-repeat;

background:#ffffff url(../images/logo.gif)no-repeat;

[Shelia]

I have got it looking as I wish in IE7 but not firefox, the categories are way down the page not over the image like in IE7
Does anyone know how I could get it to look the same in firefox as it does in IE7.
Many thanks for any help

I have my site looking right in Firefox and not IE! I have a gap of space in the header and the categories links are overlapping the header. Any suggestions? Thanks!

Shelia

[stephy]

Sorry, change:

background:url(includes/templates/simple_zen/images/logo.gif)no-repeat;

background:#ffffff url(../images/logo.gif)no-repeat;

Thank you for your reply.
It has worked brilliantly in firefox but is not showing image or change of colour in IE7.
I have deleted my cookies just in case that was the problem but still hasn't changed.

[jettrue]

Thank you for your reply.
It has worked brilliantly in firefox but is not showing image or change of colour in IE7.
I have deleted my cookies just in case that was the problem but still hasn't changed.

Try it like the below?

background:url("../images/logo.gif") no-repeat;

[stephy]

Thank you ever so much the image is showing lovely now.