css problems with center code

Hi.

I've changed the navbar with a picture, and I've tried to center it with some center codes for css. But it doesn't work!

This is my code for the navbar pic:

#pun-head #pun-navlinks {
background-image:url('https://2img.net/h/oi44.tinypic.com/lguap.png'); }
#pun-head #pun-navlinks {
background-image:url('https://2img.net/h/oi44.tinypic.com/lguap.png');
background-repeat: no-repeat; }

#pun-head #pun-navlinks {
padding: 4.1em 1.5em 5.5em 1.1em;
background-color: transparent
border-color: #ffffff;
}

I don't know where to put the center codes, and if it does matter, but I've tried:

margin: 0 auto

and:

margin-left:auto;
margin-right:auto;

and then:

text-align: center

but none of them seems to work on my PunBB forum.

What to do??

What is you need centered? Everything seems centered on your forum.

The codes go inside the selector that you want centered of course.

it's the picture I want to center. This screen shot is taken when I've zoomed out in the browser, but the pic should center too.

You can try it manual by adding this code:

Code:

margin-left:Ypx; /*Y is a number*/

That image was centered when I visited your forum.
Make sure you set a width in percentage.

Code:


width: 98%;
margin: 1px auto;


Make sure that goes in the same selector.

doesn't seems to work.

LGforum - well, I only see it when I zoom out on my board. If I've it in the normal stage it's just looking fine. I saw the little problem when I visited a friend, and her computer is bigger than mine, so it wasn't centred there.

Add this to your CSS Stylesheet:

Code:


#pun-navlinks ul {
   text-align: center;
   }


Hi,

I think its the background image that needs to be centered, you can use this CSS code...

Code:

#pun-head #pun-navlinks {
background-position: center;
}

ankillien - thanks! that solved my problem!

And thanks to your all for your good support!

/Nova