Changing positions of slideshow, biobox, featuredbox [Sitemap]

collegephotoguy

Jun-26-2008, 08:06 AM

Hi,

On my homepage I created a slideshow within my biobox and I have my featuredbox (called Recent Updates) there too. I am trying to move my slideshow to the right of the screen with my biobox on the left so I can put text in it. Then, I want my featuredbox right under the biobox but next to the slideshow. I'm trying to design a site similar to supersnapshots.com for the homepage. I've been changing the sizes of the biobox and featuredbox using CSS but I can't seem to change the positions, especially of the slideshow. I've also been controlling the size of the slideshow with the html in the biobox. I am looking to put welcome text in the biobox and then have my featuredbox with recent galleries in it under the welcome text, all next to the slideshow. Any help would be appreciated since I'm stuck. Thanks. And btw my site is www.thecollegecamera.com (http://www.thecollegecamera.com).

collegephotoguy

Jun-26-2008, 09:34 AM

Is there anyone that can help with this? Thanks.

Allen

Jun-26-2008, 10:40 AM

Hi,

On my homepage I created a slideshow within my biobox and I have my featuredbox (called Recent Updates) there too. I am trying to move my slideshow to the right of the screen with my biobox on the left so I can put text in it. Then, I want my featuredbox right under the biobox but next to the slideshow. I'm trying to design a site similar to supersnapshots.com for the homepage. I've been changing the sizes of the biobox and featuredbox using CSS but I can't seem to change the positions, especially of the slideshow. I've also been controlling the size of the slideshow with the html in the biobox. I am looking to put welcome text in the biobox and then have my featuredbox with recent galleries in it under the welcome text, all next to the slideshow. Any help would be appreciated since I'm stuck. Thanks. And btw my site is www.thecollegecamera.com (http://www.thecollegecamera.com). See if this does it.

Add the red to your bio box html to put each in a div and change the show width.

<html>
<div id="myBioText">
This is welcome text on the<br>left
side of the picture
</div>

<div id="myBioShow">
<script>
var ssConfig = {
AlbumID: '5201458',
...
...
};

SM.flash.insertSlideshow(420, 400, ssConfig, 'transparent');
</script>
</div>
</html>
Remove this from your CSS
#bioBox {width:520px; height:400px;}

#bioBox {
margin: 0px;
padding-top: 0px;
padding-right: 250px
} Add this to your CSS

#featuredBox {
position: relative;
top: -380px;
width:200px;
h eight:350px;
}

#featuredBox .boxBottom {
height:320px;
}

#myBioText{
float: left;
width: 300px;
}

collegephotoguy

Jun-26-2008, 10:58 AM

See if this does it.

Add the red to your bio box html to put each in a div and change the show width.

<html>
<div id="myBioText">
This is welcome text on the<br>left
side of the picture
</div>

<div id="myBioShow">
<script>
var ssConfig = {
AlbumID: '5201458',
...
...
};

SM.flash.insertSlideshow(420, 400, ssConfig, 'transparent');
</script>
</div>
</html>
Remove this from your CSS
#bioBox {width:520px; height:400px;}

#bioBox {
margin: 0px;
padding-top: 0px;
padding-right: 250px
} Add this to your CSS

#featuredBox {
position: relative;
top: -380px;
width:200px;
h eight:350px;
}

#featuredBox .boxBottom {
height:320px;
}

#myBioText{
float: left;
width: 300px;
}

Oh very cool thanks. I think I'm starting to understand what the div's are for too.

collegephotoguy

Jun-26-2008, 11:40 AM

Allen,

The only thing is when I use internet explorer, the words "Recent Updates" are cut off. Safari works perfectly, and Firefox works for the slideshow but the navbar is too low. How should I compensate for all of this?