Homepage Slideshow & picture sizing

[Montesa]

Hi!

I've been slowly working my way through adding all these great features that everyone has been so kind to share and I'm nearly there. I'm hitting a wall with these 3 problems though and I've tried the solutions that were suggested to other users but I'm still not getting it. :dunno

This is my site: http://montesa.smugmug.com/

1. I can't get my slideshow to be larger. I've tried the different fixes mentioned, but ended up going back to the original code because I couldn't get it. I love the size of the slideshow and the border on Andy's site - except I'd want a light border.

2. The pictures in the slide show are not resizing to fit. Shouldn't they? I know I must have missed something in the tutorial.. but I can't figure out what.

3. When I go to my homepage (both logged out or logged in)- I get this error message "This page contains both secure and nonsecure items. Do you want to display..." Is this just something I see because the page is cached from a secure log in?

Thank you so much for any help fixing these issues! I'm so impressed with this site and the many helpful people on it!
Montesa

[Allen]

Hi!

I've been slowly working my way through adding all these great features that everyone has been so kind to share and I'm nearly there. I'm hitting a wall with these 3 problems though and I've tried the solutions that were suggested to other users but I'm still not getting it. :dunno

This is my site: http://montesa.smugmug.com/

1. I can't get my slideshow to be larger. I've tried the different fixes mentioned, but ended up going back to the original code because I couldn't get it. I love the size of the slideshow and the border on Andy's site - except I'd want a light border.

2. The pictures in the slide show are not resizing to fit. Shouldn't they? I know I must have missed something in the tutorial.. but I can't figure out what.

3. When I go to my homepage (both logged out or logged in)- I get this error message "This page contains both secure and nonsecure items. Do you want to display..." Is this just something I see because the page is cached from a secure log in?

Thank you so much for any help fixing these issues! I'm so impressed with this site and the many helpful people on it!
Montesa
You have this all by itself in your CSS just below your banner code.
Remove it.

.homepage #my_banner


Add this to your CSS to set the slideshow size.
#ssSlide {
height: 480px;
width: 640px;
}

Add the height to reserve the space for the show. Without it
the page bottom goes up and down with different slides.

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

Your banner is not centering because it is 1000px wide. Need you redo your
banner to get rid of the black space on both sides. Then put that actual
size in your CSS.

[Montesa]

Hi Allen,
Thank you for your reply! I'm trying, but I'm still lost!

I removed the extra text you mentioned then I tried adding the code, but it still looks the same.

Does the "#bioBox" part go in the CSS section or somewhere else? I tried it in CSS and then in the footer section but the slideshow just disappeared entirely. If I remove that part then the slideshow shows up again, but it's still the same size.

Thanks!!
Montesa

[Allen]

Hi Allen,
Thank you for your reply! I'm trying, but I'm still lost!

I removed the extra text you mentioned then I tried adding the code, but it still looks the same.

Does the "#bioBox" part go in the CSS section or somewhere else? I tried it in CSS and then in the footer section but the slideshow just disappeared entirely. If I remove that part then the slideshow shows up again, but it's still the same size.

Thanks!!
Montesa
From where you are now this below will center the show
and add a frame. If you don't want a frame leave out the
border part.

Add the red to your CSS, the first one is new and add the
margin-top to the second.

#bioBox.box {
margin: 0 auto;
border: 8px ridge #ccc;
background: #333;
height: 520px;
width: 700px;
}

#ssSlide {
margin-top: 20px;
height: 480px;
width: 640px;
}


To center the banner now that it's smaller change the red width.

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://Montesa.smugmug.com/photos/161605785-O.jpg) no-repeat;
}

[Montesa]

You are my hero! I was pulling my hair out over this sizing problem and now it's fixed! :barb

Thank you so much!
Montesa