Log in

View Full Version : Wide Navbar


kj_202
05-07-2008, 03:49 PM
How would I go about making a navbar have a "thick gradient around it"?

and then have the navbar stretch across the page?

Edit: Thanks

Lynne
05-11-2008, 03:58 PM
If the navbar is all enclosed in a table, can't you just put a border on the table and make it a couple of pixels wide?

kj_202
05-13-2008, 06:04 PM
But I know it is possible to just make the navbar expand -----> <-----

any ideas?

Boosted Panda
05-13-2008, 06:07 PM
You would have to break the main table apart and have the navbar in its own table.

kj_202
05-13-2008, 06:08 PM
and how can this be done?

Lynne
05-13-2008, 06:08 PM
But I know it is possible to just make the navbar expand > <

any ideas?
I just posted one. I really can't say without having a better idea of what you want. To me, there is a difference between having a 'wide' navbar and having a 'thick gradient around it'. A picture might help. And probably a link to the site to see the code.

Boosted Panda
05-13-2008, 06:09 PM
Draw a picture of it. This is all in the header code pretty simple table modifications.

kj_202
05-13-2008, 06:10 PM
I just posted one. I really can't say without having a better idea of what you want. To me, there is a difference between having a 'wide' navbar and having a 'thick gradient around it'. A picture might help. And probably a link to the site to see the code.

I can try to find a picture but okay erm lets break this up :)

How would I go about doing the gradient around it?

Boosted Panda
05-13-2008, 06:23 PM
Make a custom class, define your settings, make sure you td class="navpanel" and then your good!

.navpanel
{
background: #E4E7F5 url(../../images/gradients/gradient_panel.gif) repeat-x top left;
color: #000000;
padding: 10px;
border: 2px outset;

Lynne
05-13-2008, 06:43 PM
Don't forget the ending parenthesis for the class, }, Boosted Panda. :)

Boosted Panda
05-13-2008, 07:01 PM
Don't forget the ending parenthesis for the class, }, Boosted Panda. :)

DOH! Busted! :p

kj_202
05-14-2008, 08:54 PM
Thank you both of you :)

Everything is fine now, that will do :)