Please help - lost header/banner

[camiller]

Hi, I've been trying to find a solution since about noon today. I was re-configuring my homepage and the banner was working, but now it's not. I did the tutorials again for banner and navbar, but it's still not showing. Please help. I do most of my customizing on IE7, but I also have FF, Opera and Safari.

FYI - my gallery page is only viewable by choosing gallery(ies) under the homepage tab. I have a separte links page for the public gallery which is accessed from the navbar.

I even changed the private site files gallery to public thinking that would help, but it didn't.

[jfriend]

Hi, I've been trying to find a solution since about noon today. I was re-configuring my homepage and the banner was working, but now it's not. I did the tutorials again for banner and navbar, but it's still not showing. Please help. I do most of my customizing on IE7, but I also have FF, Opera and Safari.

FYI - my gallery page is only viewable by choosing gallery(ies) under the homepage tab. I have a separte links page for the public gallery which is accessed from the navbar.

I even changed the private site files gallery to public thinking that would help, but it didn't.

First, fix your header HTML:

Change this:

<div id="my_banner"></div>
<a href="/">
<a href="http://cynthiamiller.smugmug.com">
<img src="/img/spacer.gif" width="441" height="25" border="0" alt="">
</a></div>

to this:

<div id="my_banner">
<a href="/">
<img src="/img/spacer.gif" width="441" height="25" border="0" alt="">
</a></div>

then fix the typo in your CSS by removing the space in "no-repeat"

#my_banner {
width: 441px;
height: 25px;
margin: 5px;
padding: 0 auto;
text-align: center;
background: url(http://cynthiamiller.smugmug.com/photos/422379670_iNX2G-O.jpg) no-repeat;
}

then, change your site so that the image: http://cynthiamiller.smugmug.com/photos/422379670_iNX2G-O.jpg is available to the public. It is currently not accessible by the public. It can't be hidden, must be in a gallery with external linking enabled and the gallery must allow public access to originals.

[camiller]

Thanks for responding.

I did all that you said, but it's still missing. When you say that the gallery has to be publically accessible - do you mean that the public has to be able to see it (able to click on it)? Or just that it's set to public and external linking is on?

I went through customize this gallery and made sure it was set to public and external linking to yes. I changed the div id= and removed the space in the no-repeat.

Help!

[jfriend]

Thanks for responding.

I did all that you said, but it's still missing. When you say that the gallery has to be publically accessible - do you mean that the public has to be able to see it (able to click on it)? Or just that it's set to public and external linking is on?

I went through customize this gallery and made sure it was set to public and external linking to yes. I changed the div id= and removed the space in the no-repeat.

Help!

You are almost there. The image http://cynthiamiller.smugmug.com/photos/422379670_iNX2G-O.jpg is not something that the viewing public can see.

The gallery can be public or unlisted, that's up to you - it doesn't matter for this.

Here's what MUST be true:

External linking must be enabled in the gallery that contains the image
The gallery that contains the image must not be password protected
You must have allowed access to originals (because you are linking to the original size image) in that gallery. That means that "largest size" must be set to "original" in the customize gallery page.
The image must not be hidden in the gallery.One or more of these is apparently not true because I cannot view the image you are using. If you can't figure it out, then post a link to the gallery and I can check on most of these settings.

[camiller]

Hi,

Here is the link to the gallery. Thanks for helping.

http://cynthiamiller.smugmug.com/gallery/6433401_78ZMR/1/412044508_rzDKf

[jfriend]

Hi,

Here is the link to the gallery. Thanks for helping.

http://cynthiamiller.smugmug.com/gallery/6433401_78ZMR/1/412044508_rzDKf

In your CSS, the URL isn't right. There's one character off. You have an "i" and it should be a "j".

The correct URL is:
http://cynthiamiller.smugmug.com/photos/422379670_jNX2G-O.jpg

[camiller]

Thank you so much! I have looked and looked and I even checked the url, but I didn't see that it was a "j". Thanks again.:D

[jfriend]

Thank you so much! I have looked and looked and I even checked the url, but I didn't see that it was a "j". Thanks again.:D

Now, if you want it centered, then you probably want to switch the padding and margin lines in your CSS so you have:

margin: 0 auto;
padding: 5px;

[camiller]

Thanks, I did center it, but could you help me with something else. The gallery that shows on the homepage (just to me), isn't showing properly. Part of the thumbs are missing and the bottom has some weird spacing.

[jfriend]

Thanks, I did center it, but could you help me with something else. The gallery that shows on the homepage (just to me), isn't showing properly. Part of the thumbs are missing and the bottom has some weird spacing.

This part of your CSS is messing it up:

.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}

.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}

.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}

.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}

I don't know what you were trying to accomplish with that CSS.

[camiller]

It was for lining up the gallery thumbs four across. I guess I'll remove it and see what happens. Thanks John.