My apologies as I know this has been asked before but I did search for the info and was unable to find adequate info. I'd like to simply move my banner left and my navbar to the right but all on one line. Could someone please tell me what to add to css to do this. Thank you. www.melgattis.com

Mel

Originally Posted by MelGattis My apologies as I know this has been asked before but I did search for the info and was unable to find adequate info. I'd like to simply move my banner left and my navbar to the right but all on one line. Could someone please tell me what to add to css to do this. Thank you. www.melgattis.com Mel

Are you using SMUGSEARCH in your header? Like this?
<div>SMUGSEARCH</div>

While I'm looking into the code fix things like below.

You can not have text in your CSS without comment tags around it. Here's some I found, might be
more. Add the /* */ tags.

/* GUESTBOOK CODE */
/* PRICING CODE */
/* SITEWIDE (easiest!) */
/* ABOUT ME CODE */
/* SITEWIDE (easiest!) */

Originally Posted by MelGattis ...move my banner left and my navbar to the right but all on one line...

In your header move the banner down to this location.

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/Other/About-me/18956464_Q5BF2h">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/Private">Private Galleries</a></li>
<li><a href="/" onclick="return false;" class="customContactButton">Contact Me</a></li>
<li><a href="http://www.facebook.com/pages/Mel-Gattis-Photography/135199949882461">Facebook</a></li>
<li><a href="http://blog.melgattis.com">Blog</a></li>
</ul>
</div>

<div id="my_banner"><a href="http://www.melgattis.com"><img src="/img/spacer.gif" border="0" height="60" width="486"></a></div> 

<div style="clear: both;"></div>
...
...

Change/add the red in your CSS

#my_banner {
float:left;
width: 486px;
height: 60px;
margin: 0;
background: url(http://www.melgattis.com/photos/i-tJWfqvB/0/L/i-tJWfqvB-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='http://www.melgattis.com/photos/i-tJWfqvB/0/L/i-tJWfqvB-O.png');
}

#navcontainer {
   float:right;
   margin-top: 33px;
   margin-right: 10px;
}


/* search box */
#mysearch {
position: relative;
top: -10px;
left: -50px;
text-align: right;
}

THANK YOU ALLEN. I'll start working on it RIGHT NOW!!!

Originally Posted by MelGattis THANK YOU ALLEN. I'll start working on it RIGHT NOW!!!

Hey Allen. I'm part of the way but I wanted my Nav Bar across the top of the page like it was, only right justified. I now have a list on the right instead of on the same line as the banner. What should I change? Thanks. Also, should I lose the search box or put it on the footer? I'm not feeling it on the top.

Originally Posted by MelGattis Hey Allen. I'm part of the way but I wanted my Nav Bar across the top of the page like it was, only right justified. I now have a list on the right instead of on the same line as the banner. What should I change? Thanks. Also, should I lose the search box or put it on the footer? I'm not feeling it on the top.

Looks like you lost some of your nav CSS. Here's a start.

#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 .5em;
    color: #fff;
    background: none;
}

#navcontainer ul li a:hover {
    color: #fff;
    background: none;
}

I was unsure about that text so I kept it on the clip board. LOL. Just inserted and got the bar back. Now I'd just like the nav bar text to be a smidge bigger and whiter but otherwise looks great and I'm pleased. I'm also wondering if I should leave that search box up top or move it to the footer?

Originally Posted by MelGattis I was unsure about that text so I kept it on the clip board. LOL. Just inserted and got the bar back. Now I'd just like the nav bar text to be a smidge bigger and whiter but otherwise looks great and I'm pleased. I'm also wondering if I should leave that search box up top or move it to the footer?

How's this? Change to the color and size you'd like.

#navcontainer ul li a {
    text-decoration: none;
    font-size: 12pt;
    padding: .2em .5em;
    color: #fff;
    background-color: none;
}

Search looks find where you got it. If you used SMUGSEARCH, it only works in the header so different
search box code would be needed.

It is smug search I'm using. But the code is different... <div id="mysearch">SMUGSEARCH</div>. Is the one you gave me... <div>SMUGSEARCH</div> better?

Thanks for everything Allen. I'm well on my way.