Banner...What am I doing wrong?

[MRudland]

Told you I'd be back. I have uploaded a banner image to put into my customization on the page, and I followed the directions, but the banner is not coming up.
Michelle:dunno

[Mike Lane]

Told you I'd be back. I have uploaded a banner image to put into my customization on the page, and I followed the directions, but the banner is not coming up.
Michelle:dunnoSorry, I must have missed it in a different thread. What is your site again? Maybe you could put a link to your site in your dgrin footer :deal

[MRudland]

Sorry, I must have missed it in a different thread. What is your site again? Maybe you could put a link to your site in your dgrin footer :deal

Oh! I'm sorry! See how frustrated I am! I can't get anything right now!
it's www.michellegallery.smugmug.com (http://www.michellegallery.smugmug.com)
Michelle:bow

[Allen]

Told you I'd be back. I have uploaded a banner image to put into my customization on the page, and I followed the directions, but the banner is not coming up.
Michelle:dunno Your banner can be in private gallery but not a passworded gallery.

Add this to the top of your header code.
<div id="my_banner"></div>


This is what you have in your CSS for your banner.
http://www.michellegallery.smugmug.com/gallery/2605086#137416708-L-LB

You need something like this.
http://www.michellegallery.smugmug.com/photos/2605086-L.jpg

[MRudland]

Your banner can be in private gallery but not a passworded gallery.

Add this to the top of your header code.
<div id="my_banner"></div>


This is what you have in your CSS for your banner.
http://www.michellegallery.smugmug.com/gallery/2605086#137416708-L-LB

You need something like this.
http://www.michellegallery.smugmug.com/photos/2605086-L.jpg


Okay, where do I get that? I'm trying to find where the link ends in a JPG but am failing!
Michelle

[Allen]

Okay, where do I get that? I'm trying to find where the link ends in a JPG but am failing!
Michelle
At the top of your CSS replace this

<div id="my_banner"></div>
href="http://michellegallery.smugmug.com/photos/137454132-L.jpg"><img src="/img/spacer.gif"
border="0" height="150" width="750"></a></div>

With this

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://michellegallery.smugmug.com/photos/137454132-L.jpg)
}

[MRudland]

At the top of your CSS replace this

<div id="my_banner"></div>
href="http://michellegallery.smugmug.com/photos/137454132-L.jpg"><img src="/img/spacer.gif"
border="0" height="150" width="750"></a></div>

With this

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://michellegallery.smugmug.com/photos/137454132-L.jpg)
}

Cool, I'm closer...now I have a space where the banner should be!
Michelle

[Allen]

At the top of your CSS replace this

<div id="my_banner"></div>
href="http://michellegallery.smugmug.com/photos/137454132-L.jpg"><img src="/img/spacer.gif"
border="0" height="150" width="750"></a></div>

With this

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://michellegallery.smugmug.com/photos/137454132-L.jpg)
}
You have a few errors
remove the red and add the green
Don't forget the period before homepage

#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://michellegallery.smugmug.com/photos/137454132-L.jpg)
}

.homepage #navcontainer {
position: relative;
top: -400px;
}

<div id="navcontainer">
}

[MRudland]

Oh Great One! I worship you!
Michelle:bow :bow :bow :bow :bow :bow :bow

[Allen]

You lost the navcontainer id in your footer, add the green

<div id="navcontainer">
<ul>
<li><a href="http://nickname.smugmug.com">Information</a></li>

and take this out of your header code

.homepage #navcontainer {
position: relative;
top: -400px;
}

[Allen]

Ok, here's most of your css back. Oops, you put the nav html in there and lost
everything. The nav html don't belong there.


#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://michellegallery.smugmug.com/photos/137454132-L.jpg)
}

.homepage #navcontainer {
position: relative;
top: -400px;
}

#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;
}
And take this out of your footer code.

homepage #navcontainer {
position: relative;
top: -400px;
}

[MRudland]

YES! I got it done! Now...HOW do I make up a separate page for my pricing?
Michelle

[Allen]

YES! I got it done! Now...HOW do I make up a separate page for my pricing?
Michelle
You would create a new gallery, make it private, set to journal and add the
html to the gallery description.

or probably the easiest is just add images to the journal gallery
and in the caption, place your prices.