sorry, I should have been a bit more specific
the first two boxes go in you Bio box, and the third is part of your footer
Ok I appear to be getting somewhere..
In my BIO box I have:
<html>
<div id="bioContainer">
<div id="bioText"><p>
Welcome to my photo gallery.
<P></P>
All the photos here were either taken with my Canon 350d, or my Fuji Finepix F610 P&S.
<p></P>
Check <a href="http://mog.smugmug.com/gallery/1839601">HERE</a> for recent updates and please feel free to leave comments in the <a href="http://mog.smugmug.com/gallery/1814680">GUESTBOOK</a>
<p></p>
-Mog
<p></p>
All images copyright © 2004-2006 Simon Morton. Use of photos without express permission is prohibited. <br />
Interested in an image? Send me an <a href="mailto:simon.morton@ntlworld.com?Subject=Mog.Smugm ug Query">Email</a>
</p>
</div>
<div id="bioSS"></div>
<div class="spacer"></div>
</div></html>
In my Footer I have:
******** type="text/javascript">
/* required slideshow variables */
slideshowContainerId = "bioSs";
slideshowUrl = "http://mog.smugmug.com/gallery/1890267";
firstSlideUrl = "http://Mog.smugmug.com/photos/95276178-L.jpg";
randomSlides = true;
resizeToPhoto = false;
slideHeight = "285";
slideWidth = "450";
slideDuration = 5;
loadSlideshow();
</********
<div id="mySlideshow">
</div>
And in my CSS I have:
/* BIO BOX */
.homepage #bioBox .photo {
display: none;
}
.homepage #bioContainer {
border: 1px solid #1E1E47;
width: 723px;
margin-left: -5px;
padding:5px
}
.homepage #bioText {
font-size: 12px;
font-family: arial, verdana, tahoma, helvetica, sans-serif;
text-align: justify;
font-style: italic;
width:245px;
float:left;
}
.homepage #bioSS {
width:450px;
height:285px;
border: 1px solid #1E1E47;
padding: 3px;
float:right;
}
The text is now appearing ( needs tidying up and spacing correctly ) but the slideshow is now not appearing.... I am so close but stuck..
Any ideas ?!