View Full Version : Nav bar on same line with banner?
ceps
Jan-04-2008, 09:59 AM
I'm remodeling my website and would like to know if the model below is possible. I'd like to know if having my banner and nav bar on the same line is possible. Here's an example of what I'd like to do:
Allen
Jan-04-2008, 10:02 AM
I'm remodeling my website and would like to know if the model below is possible. I'd like to know if having my banner and nav bar on the same line is possible. Here's an example of what I'd like to do:
Sure, can be designed any way you want.
Have a link to your site with these showing?
denisegoldberg
Jan-04-2008, 10:03 AM
I did something similar, but without a graphic banner entry. The "banner" part of my bar is text, followed by a photo, followed by the navbar entries.
What you are proposing looks very do-able to me.
--- Denise
ceps
Jan-04-2008, 10:24 AM
Cool...thanks. I just wanted to make sure before I spent my time trying to figure it all out.
Here's a link to mysite: www.darklightimaging.com (http://www.dgrin.com/www.darklightimaging.com)
Thanks!
Ed
ceps
Jan-04-2008, 09:52 PM
So I'm guessing I have to align the new banner to the far left and then play with the position of the nav bar to get it where I want it. Can someone point me to the place where I need to make these changes?
ceps
Jan-04-2008, 10:43 PM
I was able to put a test banner up and align it to the far right. Then I was able to figure out how to move my navbar to the right, however, I now need to figure out how to move it UP so that it's centered accross from the banner.
Any ideas?
ceps
Jan-05-2008, 12:06 AM
figured it out!! :clap
ceps
Jan-05-2008, 09:15 AM
I did something similar, but without a graphic banner entry. The "banner" part of my bar is text, followed by a photo, followed by the navbar entries.
What you are proposing looks very do-able to me.
--- Denise
Hi Denise. You have a great website!
I was able to figure a bunch of the stuff out on my own...thank goodness. Can you tell me where you got your code for your navbar? (hope you don't mind sharing) images/icons/lickout.gif
denisegoldberg
Jan-05-2008, 09:33 AM
Hi Denise. You have a great website!
I was able to figure a bunch of the stuff out on my own...thank goodness. Can you tell me where you got your code for your navbar? (hope you don't mind sharing)
Thank you!
I'm happy to share. My navbar is just an html table. I know there are many folks who prefer not to use them, but they work for me.
Here's the html that I used (you'll need to remove the *'s - they are there to stop the forum software from swallowing the html!):
<*div id="name_and_nav">
<*table cellspacing=20>
<*tr>
<*td>
<*a href="/home" title="click here for home page"><*i>from the eyes of<*br/><*big>Denise Goldberg <*/big><*/i><*/a><*/td>
<*td><*img src="/photos/random.mg?AlbumID=3567671&Size=100x100"><*/td>
<*td><*a href="/gallery/2659217" title="Ever changing, highlights">Kaleidoscope<*/a><*/td>
<*td><*a href="/gallery/3242019">Gallery<*/a><*/td>
<*td><*a href="/keyword">Keywords<*/a><*/td>
<*td><*a href="/gallery/2376383">About<*/a><*/td>
<*td><*a href="/gallery/2513005">Guestbook<*/a><*/td>
<*td><*a href="*http:denisegoldberg.blogspot.com">Blog<*/a><*/td>
<*/tr><*/table>
<*/div>
And here's the CSS for the name_and_nav div:
#name_and_nav {
display: block;
width: 900px;
margin: 5px auto;
text-decoration: none;
font-family: verdana, arial;
font-size: 100%;
font-weight: bold;
}
The only thing in the CSS that needed some playing with was the width.
And Allen has provided the CSS way (as opposed to the table way) to do this in your bio box positioning (http://www.dgrin.com/showthread.php?t=80533) thread.
Holler if you have any questions.
--- Denise
ceps
Jan-05-2008, 02:48 PM
Holler if you have any questions.
--- Denise
Thanks Denise, I'll have to toy around with all this! :scratch
vBulletin v3.5.2, Copyright ©2000-2009, Jelsoft Enterprises Ltd.