Centering image without <center>

[fantababy]

How to center an image?

1. without using <center>

2. using valid w3c compliant xhtml / css

3. which works in both IE and firefox

Please share your knowledge. Thanx.

 

[Jonathan N. Little]

How to center an image?

1. without using <center>

2. using valid w3c compliant xhtml / css

3. which works in both IE and firefox

Please share your knowledge. Thanx.

IMG { display: block; margin-left: auto; margin-right: auto; }

 

[dorayme]

How to center an image?

1. without using <center>

2. using valid w3c compliant xhtml / css

3. which works in both IE and firefox

Please share your knowledge. Thanx.

You could take a look at
http://www.netmechanic.com/news/vol7/html_no10.htm

 

[Jim Moe]

How to center an image?

1. without using <center>
2. using valid w3c compliant xhtml / css
3. which works in both IE and firefox

p { text-align: center; }

 

[Neredbojias]

How to center an image?

1. without using <center>

2. using valid w3c compliant xhtml / css

3. which works in both IE and firefox

Please share your knowledge. Thanx.

Where's the image, -in a div, table, paragraph, etc.? Is there more than
one image? Will text be associated with or affect the placement of the
image?

I don't often see just an image on a line with nothing else.

 

[David Dorward]

How to center an image?

http://dorward.me.uk/www/centre/

 

[Andy Dingley]

How to center an image?

Read these too
http://www.w3.org/Style/Examples/007/center.html
http://www.w3.org/Style/Examples/007/center-example.html

IE is broken though.

 

[David Dorward]

Read these too
http://www.w3.org/Style/Examples/007/center.html
http://www.w3.org/Style/Examples/007/center-example.html

IE is broken though.

Not in Standards mode, and not when it comes to aligning inline content.

 

[ironcorona]

IMG { display: block; margin-left: auto; margin-right: auto; }

You could even just use
img {display:block; margin:0 auto;}

Which is just a shorter way of writing the above.

 

[Jonathan N. Little]

You could even just use
img {display:block; margin:0 auto;}

Which is just a shorter way of writing the above.

No, you have just set the top and bottom margins to 0. Mine leaves
whatever the default value was alone.

 

[ironcorona]

No, you have just set the top and bottom margins to 0. Mine leaves
whatever the default value was alone.

The default margin for an image IS 0

 

[Andy Dingley]

Andy Dingley wrote:

Not in Standards mode, and not when it comes to aligning inline content.

vertical is still bust though, isn't it ?

 

[David Dorward]

vertical is still bust though, isn't it ?

Bust in what way? (And the question doesn't mention aligning to the vertical
middle of anything anyway).

 

[Jonathan N. Little]

The default margin for an image IS 0

Maybe, or many not, but it definitely will be with your code.