Centering an image on my web page

[Fysicus]

I have a webpage which was developped using FireWorks, so exported the image an linked it to a webpage.

Now I need to center the image on the page, but so far I only managed to center it in the length. The image is still on the top of the page.

And I also need to add some shade to it.

Anyone here who would know how to do that?

[Daniel]

css

[Fysicus]

Well, yes... I thought that. Here's what I have in my css for the image:

.oneColElsCtr #container {
width: 46em;
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}


But what do I need to add so the image is centered all over the page and not just in the middle in it's length.

What do I need to add to show some form af shade around the picture?

[Daniel]

from top?

[Fysicus]

Well, the image should be centered in the dead center of the page. Now it's centered on top. But I need it in the middle of the screen.

The shade would need to be around the picture itself

[AdRock]

Do you want it as a background image?

[karinne]

Could you give us a URL so we can "see" what you mean and have access to all the code.

[AdRock]

I think this is a double post

[karinne]

Ugh! Thanks for the heads up!

Please follow the thread in the CSS forum

Position image in the dead center of my webpage

And to Fyscius: PLEASE DO NOT DOUBLE-POST! If you thread is in the wrong place, a mod will move where they see fit!