Ultimate Fade-In Slidehow help

[discoverytdi]

Hi all posred this on a few threads about Ultimate Fade-In Slidehow
but not got any answers hoping someone on here might have an idea, is there any way I can change the look of my main page layout so the slde show is on the left and the text is on the right like on this site http://www.sunstore.co.uk/
instead of how it is now http://www.rvsolarsystems.co.uk/store/


here's the code for my main page slide show

<p>
<script type="text/javascript" src="fade.js"></script></p>
<center>
<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)

new fadeshow(fadeimages, 370, 220, 0, 2500, 0 )

</script> <center>
<p style="text-align: justify;">
&nbsp;</p>
<hr />
<span _fck_bookmark="1" style="display: none;">&nbsp;</span><span _fck_bookmark="1" style="display: none;">&nbsp;</span>
<p style="text-align: justify;">
<span style="font-size: 14px;"><span style="color: rgb(128, 0, 0);">At RV Solar Systems we take pride in what we sell. At the heart of our products is this 12v Monocrystalline solar panel. We only use monocrystalline cells. This is because this type of single silicon crystalline cell has the highest efficiency and reliability whilst maintaining realistic prices. Built to withstand the harshest of outdoor conditions including marine use. From 40w upwards our 12v solar panels are high quality and top performers with a great price tag. If you are after a 12v Solar Panel Kit then take a look at our range of free standing and roof mounted kits.</span></span></p>
<p style="text-align: justify;">
<span style="font-size:14px;"><span style="color: rgb(128, 0, 0);">We only use the highest grade components many designed for commercial and industrial installations to make sure that when they are used in even the harshest conditions reliability is not compromised. All of our panels come with a 5 year manufacturers warranty and 25 year power output warranty.</span></span></p>
<hr />
</center>
</center>
Cheers Peter

[niccol]

Start by adding this to the bottom of your stylesheet:

#master0{
margin: 0 10px 10px 0;
float:left;
}

that will get you some of the way - after that it is just styling

[discoverytdi]

Start by adding this to the bottom of your stylesheet:

#master0{
margin: 0 10px 10px 0;
float:left;
}

that will get you some of the way - after that it is just styling

I thank you

and where do you learn all this stuff

[niccol]

oh... if you have a slideshow anywhere else on the site you might need to make that rule more specific.

just add #indexHomeBody in front of it

#indexHomeBody #master0{
margin: 0 10px 10px 0;
float:left;
}

and then it will only apply to the home page

[niccol]

well that is pretty basic css. You can do a lot with css.

there are lots of books and online tutorials about css.

a top tip is to use firefox as a browser ( or chrome for that matter) and work out how the web developer tools work ( you will need to install it first ) . You basically can hover over an element of the site and it will tell you what that element's ID is . then you can write a css rule to target that element.

in this case the element ID was #master0 and all the stuff inside the {} were the style rules that we applied to the element.

the home page has an ID of #indexHomeBody so when I added that it meant only to style #master0 elements that are inside #indexHomeBody. And not style one's that weren't ( ie on different pages)

that way you can change pretty much how everything looks just from a stylesheet. Spend a bit of time learning about css and you'll be able to do all kinds of things :-)

[Pookiehair]

Can I ask a similar question regarding Ultimate Fade In Slide Show please?

I have it working fine in Firefox and IE 8 but it just wont work properly in IE 9. Its driving me mad and Im about to give up on it. In IE 9 it aligns to the right and cant be viewed properly.
I have it on my main page so have this code in the define_main_page.php

<script type="text/javascript" src="fade.js"></script>

<center><script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)

new fadeshow(fadeimages, 480, 386, 0, 3000, 0 )

</script></center>

Id be so grateful for any help.
More details here in another Zencart forum as not sure which forums are still active. http://www.zen-cart.com/forum/showpo...9&postcount=40

My website is running ZC version 1.3.9h and can be seen here
http://www.towerhousedolls.co.uk/demo/
Unless you can view it in IE 9 you may not see the problem.