Ok...I give up!

[Docdpp]

Yes, I'm a newbie to SmugMug and Dgrin but I thought I could handle adding a navigation bar to my page....WRONG. I have copied, pasted, edited until I'm going crazy.

I noticed on the forum that it might be best to start a new thread and get you fine folks to help me. I hope that's right.

Anyway, my page http://phoenixphotos.smugmug.com is under construction. I eventually want to have a custom header (did that) a custom banner and a slide show, much like this site http://nik.smugmug.com/ or this one http://www.moonriverphotography.com/.

Here is what I have done so far with no luck:

CSS section

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://phoenixphotos.smugmug.com/photos/355086357_5Hkun-L.jpg.jpg) no-repeat;
}
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}
#navcontainer ul li a:hover {
color: #fff;
background-color: #369;
}

Header section

<div id="my_banner"> </div>
<div id="navcontainer">
<ul>
<li><a href="<A href="http://phoenixphotos.smugmug.com/">Home</a></li">http://phoenixphotos.smugmug.com/">Home</a></li>
<li><a href="<A href="http://phoenixphotos.smugmug.com/gallery/5632662_4vvaq">Favorites</a></li">http://phoenixphotos.smugmug.com/gallery/5632662_4vvaq">Favorites</a></li>
<li><a href="<A href="http://phoenixphotos.smugmug.com/galleries">Galleries</a></li">http://phoenixphotos.smugmug.com/galleries">Galleries</a></li>
<li><a href="<A href="http://phoenixphotos.smugmug.com/gallery/5624712_GBiPH">Barns</a></li">http://phoenixphotos.smugmug.com/gallery/5624712_GBiPH">Barns</a></li>
</ul>
</div>

When I click on submit, nothing happens. I am chicken to Update until I know what I'm doing.

Any help would be greatly appreciated by me and my wife who is tired of hearing me complain. :wink

DocDpp

[DrDavid]

<div id="my_banner"> </div>
<div id="navcontainer">
<ul>
<li><a href="<A href="http://phoenixphotos.smugmug.com/">Home</a></li">http://phoenixphotos.smugmug.com/">Home</a></li>
<li><a href="<A href="http://phoenixphotos.smugmug.com/gallery/5632662_4vvaq">Favorites</a></li">http://phoenixphotos.smugmug.com/gallery/5632662_4vvaq">Favorites</a></li>
<li><a href="<A href="http://phoenixphotos.smugmug.com/galleries">Galleries</a></li">http://phoenixphotos.smugmug.com/galleries">Galleries</a></li>
<li><a href="<A href="http://phoenixphotos.smugmug.com/gallery/5624712_GBiPH">Barns</a></li">http://phoenixphotos.smugmug.com/gallery/5624712_GBiPH">Barns</a></li>
</ul>
</div>

When I click on submit, nothing happens. I am chicken to Update until I know what I'm doing.

Any help would be greatly appreciated by me and my wife who is tired of hearing me complain. :wink

DocDpp
Think you might want to start with fixing your header... A's inside of A's inside of li's that are out of place, quotes out of place, etc... I can barely make heads or tails out of it myself! Here's what I THINK you want:


<div id="my_banner"> </div>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/5632662_4vvaq">Favorites</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/5624712_GBiPH">Barns</a></li>
</ul>
</div>

Also, your banner filename is .jpg.jpg -- you might want to fix that...

David

[Docdpp]

David,

Thanks for the reply. I didn't realize all the wrap around happened with the text. It didn't look like that in the header.


I cut and pasted your suggestion into the header box (as is), and took off the extra .jpg from the banner.

Still no luck.

Don't i need to put the http://phoenixphotos.smugmug.com/ in to the html somewhere?

dpp

[Docdpp]

Think you might want to start with fixing your header... A's inside of A's inside of li's that are out of place, quotes out of place, etc... I can barely make heads or tails out of it myself! Here's what I THINK you want:


<div id="my_banner"> </div>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/5632662_4vvaq">Favorites</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/5624712_GBiPH">Barns</a></li>
</ul>
</div>

Also, your banner filename is .jpg.jpg -- you might want to fix that...

David

David,

I also tried this:

<div id="my_banner"> </div>
<div id="my_banner"> </div>
<div id="navcontainer">
<ul>
<li><ahref="<A href="http://phoenixphotos.smugmug.com/">Home</a></li>">http://phoenixphotos.smugmug.com/">Home</a></li>
<li><ahref="<A href="http://phoenixphotos.smugmug.com/gallery/5632662_4vvaq">Favorites</a></li">http://phoenixphotos.smugmug.com/gallery/5632662_4vvaq">Favorites</a></li>
<li><ahref="<A href="http://phoenixphotos.smugmug.com/galleries">Galleries</a></li>">http://phoenixphotos.smugmug.com/galleries">Galleries</a></li>
<li><ahref="<A href="http://phoenixphotos.smugmug.com/gallery/5624712_GBiPH">Barns</a></li">http://phoenixphotos.smugmug.com/gallery/5624712_GBiPH">Barns</a></li>
</ul>
</div>

no luck

[Docdpp]

David,

I also tried this:

<div id="my_banner"> </div>
<div id="my_banner"> </div>
<div id="navcontainer">
<ul>
<li><ahref="<A href="http://phoenixphotos.smugmug.com/">Home</a></li>">http://phoenixphotos.smugmug.com/">Home</a></li>
<li><ahref="<A href="http://phoenixphotos.smugmug.com/gallery/5632662_4vvaq">Favorites</a></li">http://phoenixphotos.smugmug.com/gallery/5632662_4vvaq">Favorites</a></li>
<li><ahref="<A href="http://phoenixphotos.smugmug.com/galleries">Galleries</a></li>">http://phoenixphotos.smugmug.com/galleries">Galleries</a></li>
<li><ahref="<A href="http://phoenixphotos.smugmug.com/gallery/5624712_GBiPH">Barns</a></li">http://phoenixphotos.smugmug.com/gallery/5624712_GBiPH">Barns</a></li>
</ul>
</div>

no luck


Sorry, it wrapped the text again.

[Docdpp]

Sorry, it wrapped the text again.

It wraps everytime.

I used your code and placed http://phoenixphotos.smugmug.com between the first quote mark and the /"

Make sense? However, it still didn't work.

dpp

[DrDavid]

DIdn't notice it the first time.. You're also missing the #navcontainer info in the CSS.. Double check your code again.. i.e. you're missing an entire block of code.

[Docdpp]

Ok,

I re-copied and pasted the code for the CSS box.

Still nothing.

Questions:

Should I have the http://phoenixphotos.smugmug.com line in between the ""?

Should I be able to preview without updating the code?

I still see no change whatsoever in the page.

dpp

[DrDavid]

Please use my code as given. I really do know what I'm doing :P

You *are* clicking "update" at the bottom of the customize screen before checking your work, right?

[Docdpp]

No that was my question.

Boy do I feel stupid! it works fine after updating the code. I thought that you could preview without making permenant changes. My mistake.

Thanks so much for you help. I will "perfect" my navigation bar and the work on getting the slide show up and running.

Dpp