Image Aligning In A Table

[markduce]

Hello,

 

This one's causing me to tear my hair out, so I'd be very grateful of any help/

 

So the img align attribute is deprecated nowadays right? Well I have a load of images in a table, where everything but the images is aligned to the center using css text-align.

 

I want the images to be centrally aligned too. Well, I don't really mind, but the client thinks it's really important....

 

I've tried adding float:none style to the images but that had no effect, anyone got any ideas?

 

To see the images in place, they are in the table in the link below with all the ticks and crosses.

 

http://www.menuanalyser.co.uk/chef-recipe-costing

 

Any advice much appreciated

 

Regards

 

Mark

 

 

[denno020]

If you make img a block element, and then use margin: auto, that will centre the image.

 

img{margin:0 auto; display: block;}

 

try that

[AyKay47]

If you make img a block element, and then use margin: auto, that will centre the image.

 

img{margin:0 auto; display: block;}

 

try that

 

display: inline-block; rather, should be able to text-align: center; then..

[markduce]

Fantastic, that sorted it, thank you both.