how to make homepage slideshow smaller

[Six Bees]

Forgive me if I should have found this in the forum. I keep finding things that are close. I have tried to change the css and I can make the area the slideshow takes up smaller...but when I do it crops my image. Any help?
I also want to make sure that I have it set up so that if I add different image ratios or if they are portrait, or landscape...it won't look like it is moving on the page.

I appreciate the help.

www.carriebassettphotography.smugmug.com

[Allen]

Forgive me if I should have found this in the forum. I keep
finding things that are close. I have tried to change the css and I can make
the area the slideshow takes up smaller...but when I do it crops my image.
Any help?

I also want to make sure that I have it set up so that if I add different
image ratios or if they are portrait, or landscape...it won't look like it is
moving on the page.

I appreciate the help.

www.carriebassettphotography.smugmug.com (http://www.carriebassettphotography.smugmug.com)
Smaller?:rofl Just about everyone is trying to get their's bigger lately.:D

Try changing the sizes in you footer code.
slideHeight="200";
slideWidth="320";

Then change these
#ssSlide {
height: 480px;
width: 640px;
}

#bioBox {
height: 680px;
text-align: center;
background: none;
}

to these
#ssSlide {
height: 320px;
}

#bioBox {
height: 340px;
text-align: center;
background: none;
}

See if that gets you what you want.


BTW
Remove the } at the very top of your CSS.

}#photoKeywords {
display: none;
}


Did you know your banners gray background is showing in IE6?
Add the bold part below.
Don't add the red * and don't leave a space.

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://carriebassettphotography.smugmug.com/photos/161838099-O-3.png) no-repeat;
_background: none;
_filter:progid:*DXImageTransform.Microsoft.AlphaIm ageLoader (enabled=true, sizingmethod=image,
src='http://carriebassettphotography.smugmug.com/photos/161838099-O-3.png');
}

[Six Bees]

thank you, thank you and thank you! I had no idea I had to change something in the footer! And I didn't know about the banner showing grey in IE6...I just changed it today and the computer I had IE6 on had coke zero spilled on it by my four year old and that is FRIED now, so I can't check it. Is it fixed now???
What did removing the "}" at the top of the CSS do? Just wondering. Thanks AGAIN!
Carrie

[Allen]

thank you, thank you and thank you! I had no idea I had to change something in the footer! And I didn't know about the banner showing grey in IE6...I just changed it today and the computer I had IE6 on had coke zero spilled on it by my four year old and that is FRIED now, so I can't check it. Is it fixed now???
What did removing the "}" at the top of the CSS do? Just wondering. Thanks AGAIN!
Carrie The } was there all alone, just an extra piece of code not doing or belonging
to anything. Like the other one after your banner code.

Backgrounds still showing in IE6. Add the red _background: none; below.
Also delete the extra } at the end.

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://carriebassettphotography.smugmug.com/photos/161838099-O-3.png) no-repeat;
_background: none;
_filter:progid:*DXImageTransform.Microsoft.AlphaIm ageLoader (enabled=true, sizingmethod=image,
src='http://carriebassettphotography.smugmug.com/photos/161838099-O-3.png');
}
} << delete this

[Six Bees]

You would think I could cut and paste better than that! Thanks again. I "think" I fixed it.

[Allen]

You would think I could cut and paste better than that! Thanks again. I "think" I fixed it.
Looks great now in both Firefox and IE6.:thumb