Flexi CSS Layouts for Dreamweaver Forum

Flexi CSS Layouts is a Dreamweaver Extension that helps you create browser compliant table-less web pages with ease. Unlike other products that are limited to templated CSS layouts with 1, 2 or 3 columns, with Flexi CSS Layouts for Dreamweaver you can build your own custom layout structure without coding.

Find out more about Flexi CSS Layouts for Dreamweaver

Thread: Dreamweaver Template File Menu Bar / JSlider not working correctly together in IE7

back

Add Post

User Details

message

Ian

post date:

2011-07-22 07:30:19

In IE 7 the menu bar goes behind the JSlider and can't be selected. In addition there is a cross in the top left hand corner (indicating a missing image file). The Home and About menu buttons jump position when hovered over.

FYI the images that I have connected to the src in the JSlider are transparent PNG images.
Is there a workaround to get this working in IE as it appears to work correctly (as expected) in Chrome
Best regards
Ian

Andrei Rinciog [Extend Studio]

post date:

2011-07-26 06:43:47

Hello Ian,

Do you have the latest version of the template downloaded? First of all you need to download the latest version from your account on our website to make sure you have all the latest modifications.

The latest version will fix the problem you have with the jumping over state for the menu buttons. However, the z-index problem is still present. To fix it you need to add a z-index value on the menu holding div.

Search for this div and add the z-index attribute:
<div id="FM_CSS_CSSMenu1_lc" style="position: absolute; z-index:200;">

Also, there is a CSS rule that must be added inside the file "CSS/template.css":

form.contact_form {
margin:0;
}

We will also make these modifications and update the template online asap.

Regards,
Andrei Rinciog

back

Add Post