Hey guys! New to this stuff and have been trying to update my website. I have put a header, nav bar and slide show on there using Ivar's tutorial, but I need some tweaking.

1. The slide show is too low on the screen and I can't figure out how to move it up.
2. I can't get the slide show to show up in IE and the coding information is displayed on the home page as well as the gallery, about me and pricing page. Not showing in Firefox, but does in IE--any suggestions?
3. Also, while I'm asking. I can't figure out how to get the gallery button to go to all my galleries. I actually like the look of categories better-but can't figure that out either. Right now, I have moved some photos around to show up in a gallery with subcategories--so at least there are pictures to look at. There are many more that are hidden. I would like the galleries button to point to categories.

Keep in mind, I am new to this stuff--so if you have some advice, please tell me exactly where to put it CSS, header, etc. Very new to this.

Thank you for any help. My website is www.nealphotographicdesign.smugmug.com


----Christine

First, you have an invalid piece of CSS at the end of your CSS customization. Please remove this:

#mysearch {

Then, you have a couple HTML errors in your header that need to be fixed. At the end of your header, you have:

</ul>
</div

That needs to be:

</ul>
</div>
</div>
You were missing the closing ">" on one div and missing a whole div. Remember that every <div> you add must have a matching closing </div>. If you don't do that the formatting can go haywire and can vary across browsers.

Now to close up some of the empty space, you can do a couple things:

Add this CSS:

.homepage #breadcrumb {display:none;}

Then, add this attribute at the beginning of your slideshow declaration:

imgAlign: 'top',

Beyond that, you will have to decide what you want to do with the search bar because it's layout is responsible for the remaining space.

For your galleries button to point to categories, you have to do three things.

1. Fix a couple javascript errors
2. Set the galleries link to point to http://www.nealphotographicdesign.com/galleries and then set your homepage to display categories, not galleries.
3. Allow your galleries to display on the homepage (they are current disabled from there). Your CSS will hide them from the master homepage, but they can then show on the galleries page (which is really just a pseudo copy of the homepage)
4. Then, make sure your homepage is set to display categories instead of galleries (there's a link in the upper right corner of the galleries box that let's you change that.

To fix the javascript errors, you need to do the following:

Remove the extraneous close brace from there:

rightClickWarning = "All photos are property of Neal Photographic Design. All rights reserved. Unauthorized use is prohibited.";
}

Remove the second copy of the hasPath function you have in your bottom javascript. You should only have one copy of that function.

After you fix those, we can see if there are any further errors preventing things from working properly.

I suspect that the reason things aren't working right in IE is because of the HTML errors in your header.

OK, things are better--but when I click gallery it is replicating my home page and the home page shows my categories.

The slide show is closer to the top--THANKS! So, are you saying since I have the search box it is taking up the other space? Maybe if I get rid of it, it will move up more?

It looks much better in IE--THANKS AGAIN!

Just need some advice about the gallery tab and now my email link at the bottom is aligned to the left and it was centered at one point.

Thanks for your help.

Originally Posted by Teal OK, things are better--but when I click gallery it is replicating my home page and the home page shows my categories. The slide show is closer to the top--THANKS! So, are you saying since I have the search box it is taking up the other space? Maybe if I get rid of it, it will move up more? It looks much better in IE--THANKS AGAIN! Just need some advice about the gallery tab and now my email link at the bottom is aligned to the left and it was centered at one point. Thanks for your help.

You still have javascript errors. That's why your galleries page isn't working yet. Delete this from the last line of your javascript. It is there all by itself and is causing problems. You can keep the other definition of that function.

function hasPath(sPath)

When you've removed that, we'll see if there are any more errors.

OK, removed that and my Galleries page is still a replica of my homepage. Anything else I can try?

Its like it doesn't know to block the galleries in the homepage and doesn't know to block the slideshow in the galleries page.

I'm too dumb to figure it out.

Originally Posted by Teal OK, removed that and my Galleries page is still a replica of my homepage. Anything else I can try? Its like it doesn't know to block the galleries in the homepage and doesn't know to block the slideshow in the galleries page. I'm too dumb to figure it out.

The javascript errors are preventing your galleries page from being identified as your galleries page. When that happens the CSS doesn't work to hide things that aren't supposed to show in various contexts.

There are still more Javascript errors you need to fix. Unfortunately, because I don't have access to modify your page, all we can do is nail them one at a time and see which errors (if any) show next. Please insert a missing closing brace in your Bottom Javascript here:

function AddReferralCode() {
var links = this.getElementsByTagName("A");
if (links && (links.length != 0)) {
var smugLink = links.item(0);
smugLink.href = "http://www.smugmug.com/?referrer=YH0AD8kdQO9jA";
}
}

YE.onAvailable('footer', AddReferralCode);
rightClickWarning = "All photos are property of Neal Photographic Design. All rights reserved. Unauthorized use is prohibited."; 

function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");

OK, OK--we are getting further along.

Now, the slideshow doesn't show in the galleries page...but, the galleries show in the home page.

Originally Posted by Teal OK, OK--we are getting further along. Now, the slideshow doesn't show in the galleries page...but, the galleries show in the home page.

The galleries only show on the homepage when you are logged in (e.g. I don't see them there). You have specifically added customization to make it be that way. If you don't want them to show on the homepage when you are logged in, you can get rid of this CSS in your customization:

.loggedIn .homepage #galleriesBox,
.loggedIn .homepage #categoriesBox {
display: block;
}

by George... I think we have got it!!



Now, one last request. Can you help me center the email me button. It is at the bottom of the homepage. Maybe later I need a button at top to email me, but that will probably take a little more work.

THANKS!!! Thanks for all your help.

Originally Posted by Teal by George... I think we have got it!! Now, one last request. Can you help me center the email me button. It is at the bottom of the homepage. Maybe later I need a button at top to email me, but that will probably take a little more work. THANKS!!! Thanks for all your help.

Add the div around it.

<div align="center">
<a href="mailto:reflectionsbychristine@yahoo.com">Email Me</a>
</div>

Cool. Thanks a bunch you guys!!