PDA

View Full Version : ultimate fade slideshow latest version 2.4



sheels
04-03-2013, 05:34 PM
1) Script Title:

2)http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) I am still learning html but am needing to get the following website live on my www address but need to finish it first. I have inserted your dynamic drive ultimate fade slidshow and it works ... but on firefox it moves to the left .. all other browsers its fine with. I need to fix it but dont know how - what have I done to cause this error in firefox and what can I do to fix it. the web address it can be seen on is http://edumat.coffeecup.com/index.html I would so appreciate some help here! Is it possible I have a problem in the css stylesheet it links to ?? Ta:confused:

jscheuer1
04-03-2013, 07:20 PM
Using a text only editor like NotePad, in the edumat.coffeecup.com/stylesheets/default.css stylesheet, around line 394, add the highlighted:


#fadeshow1 {
position: absolute;
top: 190px;
left: 0px;
height: 150px;
width: 635px;
float: left;

z-index: 2;

}

By The way, for just starting out, things look pretty good. And for your information, the script styles the fadeshow1 element, overriding the position: absolute; you have there with position: relative;. It adds some other styles as well, but none of those conflict with any of those others you have there.

I have no idea exactly why the float fixes it, but it does, or why it's a problem in Firefox only to begin with, but it is (possibly in some others built like Firefox - like maybe Netscape, some other Mozilla, these others are rarely used). And it doesn't appear to cause any problems in other browsers. If it does, let me know.

The browser cache may need to be cleared and/or the page refreshed to see changes.

sheels
04-03-2013, 08:22 PM
thankyou thankyou thankyou. It now works. Wish I could return the favour!!