Space at top..

[shibby2]

Hey guys, I was wondering if someone could tell me what code to use so that there is no space at the top of my forum. Here at vbulletin.org, the forum goes straight to the top of the page, but default VB forums have a space (see attached image).

Also, how would I make a 'shadow' effect on the left and right sides of the forum also like the vbulletin.org forum has? I can make the image, but what code would I need to use, and where would it be placed?

Thanks for any help! :)

[Lynne]

A link to your site would help.

Also, my default 3.8 forum has no space at the top (the default logo goes right to the top), so I would suspect you have added something yourself that is adding the space.

[shibby2]

My bad, here is an image..

I havent added anything but the image itself.

[shibby2]

Here is the URL...

[Lynne]

This is in your CSS:
body { background: none repeat scroll 0 0 #333333; color: #000000; font: 11pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; margin: 5px 10px 10px; padding: 0;}
So, you have a 5px margin at the top. It's probably in your Main CSS page.

[shibby2]

That worked, thank you so much! :)

I never added that in though, so how would it get there?

Can anyone help with the shadows on the sides?

[Lynne]

What shadows on the side?

[shibby2]

The sides of the forum page have shadows, so it looks like it's hovering above the background...Here's a pic...

[Lynne]

That's from the background image:
html { background: url("https://vborg.vbsupport.ru/images/cstyle/blue/bodybkgd950px.jpg") repeat-y scroll center center #131D2F;}

[shibby2]

Ahh ok....so it's just a 1px tall image....what determines the width though?

And where is this code placed exactly?

Thanks!

[Lynne]

Did you look at the image? It's created to fit on a site that has a set width. I would guess they just added that to the Additional CSS text area in the Main CSS page (equivalent to the additional.css template we now use).

[shibby2]

Yea I looked at it, and I can see it's for a fixed-wdith forum (so is mine). But what I was wondering was ho they determined the width of the image (with all the different screen resolutions that people use). Wouldn't it not work with certain resolutions, or am I missing something very obvious?

[Lynne]

Look at the CSS - it's centered. So, no matter the width, it's always centered. And it fades to the other blue which is used in the background if the browser is really, really wide.

[shibby2]

Ahh ok, cool.

Gave it a try with the same code on my forum, but it didn't work. It didnt repeat down the page (only showed one image at the top), and it wasn't centered.

I placed the code in the main CSS, in the additional body attributes. Any ideas? :(

[Lynne]

The above CSS is for the html tag, not the body tag.

[shibby2]

Ahh, so where exactly would I place it? Sorry for the dumb questions...

[Lynne]

Perhaps the additional css area?

[shibby2]

Yea, tried that, it doesnt show up at all. :(

[Lynne]

Link to your page? We can't tell what is up without actually seeing it.

[shibby2]

<a href="http://www.club700xx.com/vb" target="_blank">http://www.club700xx.com/vb</a>

I took the code back out though since it wasnt doing anything.

[Lynne]

If I cannot look at a page with the CSS in it, then I can't see what is wrong.