banner overlapping navbar???

[emiliewasmyeve]

me, again! i've successfully added my banner. however, if you look at my page, you'll notice that the banner overlaps the navbar. how can i correct this? and, can i have the navbar under the banner?

thanks!

[Allen]

me, again! i've successfully added my banner. however, if you look at my page, you'll notice that the banner overlaps the navbar. how can i correct this? and, can i have the navbar under the banner?

thanks! You have two div's and only need the one for your banner. Add the gif in your banner div, it defines the clickable area.

<div id="my_banner"><a href="http://danielleaquilinephoto.smugmug.com">
<img src="/img/spacer.gif" border="0" height="150" width="750"></a></div>

and remove this.

<div id="my_header"><a href="http://danielleaquilinephoto.smugmug.com">
<img src="/img/spacer.gif" border="0" height="150" width="750"></a></div>

You nav html is in your head tag, move it to your header just under the banner div.

Then change the bold in these to format/position the nav.

#navcontainer ul {
margin: 7px auto 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li a {
text-decoration: none;
padding: .5em 6.7em;
color: #000000;
background-color: #99CC99;
}

Add the red to center your slideshow.

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


Add the <br /> to your bio to move your email down a line so the show
centers and move the two bold lines above createSWF.

...
oParams.showButtons = 'true';
oParams.crossFadeSpeed = '350';
oParams.borderThickness = '40';
oParams.borderColor = '33CCCC';
createSWF(600,600, oParams, "transparent");
</script>
<br />
<a href="mailto:danielle.aquiline@yahoo.com">Email Danielle</a>
</html>

[emiliewasmyeve]

thank you! i must've done something wrong. i made the changes you've suggested and... well, look at my page! there is something terribly messed up with the navbar.

[Allen]

thank you! i must've done something wrong. i made the changes you've suggested and... well, look at my page! there is something terribly messed up with the navbar.
You lost one rule. Change the red in 1st one and add second.

#navcontainer ul li a {
text-decoration: none;
padding: .5em 6.7em;
color: #000000;
background-color: #99CC99;
}


#navcontainer ul li {
display: inline;
}


Change the hover background in this and see it you like it.

#navcontainer ul li a:hover {
color: #000000;
background-color: #ADB67F;
}

[emiliewasmyeve]

ah! i could kiss you! :lust

i couldn't find the color i needed... that is PERFECT. one more quick question: is there any way to put just a little space b/w the banner and the navbar? also, any way to change the font of the text in the navbar?

ok... that's two questions!

[emiliewasmyeve]

nevermind! i got it all worked out. thanks, again!