CSS question regarding VB

[2fast4ya]

I have been working on the stylevars in a new vb color scheme I'm working on.. I would like to add something to the top of my forums... a black bar that will hold a menu in it... If you go to http://www.eightysixed.com - the menu at the top that says "HOME" and "CLOTHING" is the menu I am trying to re-create.

I can recreate this using CSS in the additional.css template - but I'm lost on where exactly to place the code in order to make it appear. my forums are at http://www.audioneeds.com/forums/forum.php

Any help would be GREATLY appreciated

[nerbert]

Either put it in additional.css or if you make your own css file place this in the html

<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}mystyle.css" />

[2fast4ya]

Thank you nerbert, but which HTML file or TEMPLATE would I place the code in order to bring the CSS and links in the menu...? I explained where I wanted the menu in my first post, so just wondering which template that's in.

[nerbert]

If you put the HTML at the top of the header it should show on every page.

[2fast4ya]

Nerbert, that worked! But here is my problem. I created a DIV with a white background and placed it at the top of the header, and sure enough it showed... BUT the new div with the white background has the same WIDTH as my entire forum (960px) - but I want that background to stretch across the entire top of the page.. just like that Eighty Sixed website I posted.

[nerbert]

Then I think you will have to go to each page template and put a div above {vb:raw header}. Most (but not all) page templates are in all caps

[2fast4ya]

Okay, I tried that on the FORUMHOME template, and still the same width as the forum... not going all the way accross

[nerbert]

Try putting style="margin:0px -10px 0px -10px;" in your div tag and see if that makes it wider. The ten pixels is just a guess, if that works then either tinker around with different values or see if you can find the padding property for the body tag.

If it works you could probably put your div back in header and save having to edit all your page templates.

[2fast4ya]

Okay that is doing it! Awesome! Now the only thing is, how do I get it to touch the browser window on both sides? It's allowing me to define the size via pixels, but I need it to go all the way through from one side of the browser to the other

[nerbert]

I think the 2nd and 4th values (right and left, respectively) should be the same as the corresponding values of body padding, but negative.

StyleVars > Common > body_padding

The default value is 20px