[Help] Align Images to center in CSS

coolboyz2323 · Feb 4, 2012

is there any way by which images in the following class of css are automatically centered , so that margins are not needed :?

currently this is the coding:

img.classimg
{
display: block;
margin-right:auto;
margin-left:319px;
padding:2px;
border:1px solid #DEDEDE;
}

Please Help!

Thanks!

EDIT: ITS HTML!

CyberAff · Feb 4, 2012

is it wordpress? and did you try
<center></center> ?

coolboyz2323 · Feb 4, 2012

CyberAff said:
is it wordpress? and did you try
<center></center> ?

HTML

yeah nothing worked

CyberAff · Feb 4, 2012

hmmmmm, weird

i'll pm one of the WJ's coder to take a look on this thread mate,

Sorry.

coolboyz2323 · Feb 4, 2012

CyberAff said:
hmmmmm, weird i'll pm one of the WJ's coder to take a look on this thread mate,

Sorry.

Thanks Mate

deliteblogger · Feb 4, 2012

CyberAff said:
is it wordpress? and did you try
<center></center> ?

The "<center>" HTML tag is deprecated.

Try:

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

or find the class that contains your img and put

text-align: center;

But it's easier to help if you show us that page.

l0ck · Feb 4, 2012

simply: margin:0 auto;

coolboyz2323 · Feb 4, 2012

deliteblogger said:
The "<center>" HTML tag is deprecated.

Try:
or find the class that contains your img and put

But it's easier to help if you show us that page.

l0ck said:
simply: margin:0 auto;

Tried this many times , not working

ixtra · Feb 4, 2012

well try adding this and see if it works

width:auto;
margin:0 auto;

if that doesnt work , try adding this to the css

float:right;
position:absolute;
left:-25%;

Mindy · Feb 4, 2012

If you cant find an answer here you can try this site: www.stackoverflow.com or this thread: http://www.wjunction.com/44-useful-sites/118659-tutorials-programming-scripting.html

Tango · Feb 4, 2012

Link to the page.

You might need to set the size of the div the img tag is in.

Lock Down · Feb 5, 2012

If you are using IE than you will have to add this at top of your html than the margin : auto will work.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-

[Help] Align Images to center in CSS

coolboyz2323

Active Member

CyberAff

Active Member

coolboyz2323

Active Member

CyberAff

Active Member

coolboyz2323

Active Member

deliteblogger

Active Member

l0ck

Active Member

coolboyz2323

Active Member

ixtra

Banned

Mindy

Active Member

Tango

Moderator

Lock Down

Active Member