Help with Slideshow Movement and position

[Herdygurdy]

I have set up my homepage with a header, nav bar, and slideshow. I would like to bring my banner down some for a small gap between it and the top of the page, center the nav bar between the bottom of the banner and top of the slideshow, and center my slideshow (horizontally) on the page. Any suggestions?:dunno

[Herdygurdy]

I have set up my homepage with a header, nav bar, and slideshow. I would like to bring my banner down some for a small gap between it and the top of the page, center the nav bar between the bottom of the banner and top of the slideshow, and center my slideshow (horizontally) on the page. Any suggestions?:dunno
Bump

[Allen]

Bump
Looks like you got the banner gap and nav centered.

To center your show remove this

#userBio {
width: 550px;
display: inline;
float: left;
position: relative;
}

and add this

#userBio {text-align: center !important;}

[Herdygurdy]

Looks like you got the banner gap and nav centered.

To center your show remove this

#userBio {
width: 550px;
display: inline;
float: left;
position: relative;
}

and add this

#userBio {text-align: center !important;}

Thanks again Allen. How do continue the drop shadow border up and around my banner?

[Allen]

Thanks again Allen. How do continue the drop shadow border up and around my banner?
Replace your header html with this.

<div id="topFrame"></div>

<div id="bannerFrame"></div>

<div id="my_banner"></div>

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">About Me</a></li>
<li><a href="http:www.splitlightphotography.com/galleries">Galleries</a></li>
<li><a href="/gallery/6050630_vqWBd">Pricing</a></li>
<li><a href="/gallery/6055959_bMZMV">Contact Me</a></li>
</ul>
</div>

Add this to your CSS. Change the red in the my_banner one.

/* --- FRAME White Theme --- */
#topFrame {display: none;}

.homepage #topFrame {
display: block;
width: 820px;
height: 36px;
padding-top: 25px;
margin: 0 auto;
background: url(/img/themes/White/small_header.jpg) no-repeat;
}

#bannerFrame {display: none;}

.homepage #bannerFrame {
display: block;
height: 140px;
background: url(/img/themes/White/small_center.jpg) repeat-y;
}

/* --- END FRAME White Theme --- */

#my_banner {
display: none;
width: 750px;
height: 150px;
margin: 0 auto;
margin-top: -180px;
background: url(/photos/379827622_aHH38-O.jpg) no-repeat;
}

[Herdygurdy]

Worked like a charm Allen. Thanks :ivar

[Herdygurdy]

I hope you don't mind me asking again, if you would take a moment I would greatly appreciate it. When I am on my Contact page and click Galleries on the Nav it takes me to the SM homepage. It seems to work on every other page but that one. I have looked everywhere and tried the FF CSS editor and still can't see the glitch.

[Allen]

I hope you don't mind me asking again, if you would take a moment I would greatly appreciate it. When I am on my Contact page and click Galleries on the Nav it takes me to the SM homepage. It seems to work on every other page but that one. I have looked everywhere and tried the FF CSS editor and still can't see the glitch.
Change this in your nav html, missing the //

<li><a href="http:www.splitlightphotography.com/galleries">Galleries</a></li>

to this

<li><a href="http://www.splitlightphotography.com/galleries">Galleries</a></li>

or this using relative link which with a domain is much better.

<li><a href="/galleries">Galleries</a></li>


You are missing part of the galleries page hack in your footer javascript.

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

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

Also delete the category Galleries, it messes up the galleries page hack.

category_Galleries

[Herdygurdy]

Change this in your nav html, missing the //

<li><a href="http:www.splitlightphotography.com/galleries">Galleries</a></li>

to this

<li><a href="http://www.splitlightphotography.com/galleries">Galleries</a></li>

or this using relative link which with a domain is much better.

<li><a href="/galleries">Galleries</a></li>


You are missing part of the galleries page hack in your footer javascript.

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

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");
Also delete the category Galleries, it messes up the galleries page hack.

category_Galleries

I got the first part in with no issue. Your explanations have always been awesome but this one has stumped me. The footer code is what I cannot figure out as you can see when you look at my contact page. Thanks in advance!!!

[Allen]

I got the first part in with no issue. Your explanations have always been awesome but this one has stumped me. The footer code is what I cannot figure out as you can see when you look at my contact page. Thanks in advance!!! Don't see what on your contact page that looks bad.

You have this in your footer javascript. The hasPath function, bold below,
has not been defined because you are missing that part.

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

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

[Herdygurdy]

Don't see what on your contact page that looks bad.

You have this in your footer javascript. The hasPath function, bold below,
has not been defined because you are missing that part.

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

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


I appreciate the help, but I am just too much a rookie with this stuff to see what I am missing. I found the above mentioned hasPath in the footer JS but I am not sure what I need to change (I guess how to define the path).