Bring the image to center

Hello frnds,

I m trying to bring the header image which reads Jharsuguda to the center part. Tried with float: none but it did not work.

Any suggestion???

Site is http://jharsuguda.info

 

Well before you even worry about centering the image you need to fix the rest of you site.

If you view it in Firefox or Opera everything is really messed up. Always check all browsers!

 

You need to set margins to fix it. it looks to me like you got it centered, but in FF its really messed up. And in IE there are no margins defined so it looks weird, I think you even have the standard top 20px margin for the body which is why your header image isn't touching the top of the viewing screen.

 

I m in IE 7 and it is looking just fine. I centered the image by specifying left margin. Thanks

 

don't just specify a left margin do one of these

if in xhtml

<center>yoursite.com/images/banner.gif/</center>

if using CSS

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

 

Thanks for the trick. Do you mean to say that apart from left margin I hv to put this <center>...</center> tag?

 

dude... never.. i repeat... never... use the <center> tags.

Those tags depreciated a long time ago with <blink> (sarcasm)

But really. You should never use <center>. If you want to center a div just use the auto margin:
margin: 0 auto;

if you want to center text just assign the parent element:
text-align: center;

if you want to center an image you can usually get away with that by making it a block element:
display: block;

cheers

 

Got it Jared....many thanks