my logo/banner

strawberries

Wondering what I change in vanilla.css to allow my banner more room down the page; and also to lower my navigational tabs (i.e. discussions, search, categories, etc). TIA. http://multitrackers.com

Wanderer

Can't help with your CSS issue but I can tell you that banner pic needs to be wider.

On my 17" PowerBook with the browser window at about 70% of the screen width, it starts to repeat.

Posted: Tuesday, 2 January 2007 at 4:06PM (AEDT)

Vincent

in the vanilla.css file change this
#Header { background: url(beatles.jpg); background-color: #000; }

to something like this
#Header { background: url(beatles.jpg); background-color: #000; height: 200px; }

i would also recommend that you use a pixel stretch to fix the background problem

Stash

Pixel stretch... *shudder*

Better to just have it not repeat IMO, just use
#Header { background:#000 url(beatles.jpg) no-repeat; height:200px; }
Also, the code that Vincent gave you has a stray comma ' in it that will break it. I see you've fixed it now

strawberries

thanks wanderer, vincent and stash for your help. Stash I used the code you posted above - but there are problems. I am still tweaking the 200 pixels thing to get it right....but the navigational tabs are too high up the page. Any hints on how to move them down? http://multitrackers.com PS - what part of the css do I need to tweak to push the 'signed in/not signed in as' text at the top right (ie below the banner) down the page a bit?

Stash

#Header ul {margin-top:26px;} div#Session {margin-top:12px;margin-right:8px;}
Did it for me. You may need to find the correct place in your CSS to put this (the Right Way to do it) or you could just stuff it in at the end of the file (the Wrong Way, but should work).

The second line makes the "Sign In" link at the top right sit on the white of the page rather than the picture header.

strawberries

Many many thanks, Stash! It works a treat now. Best wishes.

Stash

My pleasure, and what'll you know, it even works in IE6