Mon, 2010-12-20 04:58
Hello,
My problem is i have a basic table that contains 1 table row with 1 table data cell that is 500px x 400px in size. I have an image i wish to place into the data cell that is 300px x 300px however i want the image to be right in the centre of the table data cell. So effectively i want to be able to centre text/images etc in the centre of the cell (center left to right; centre top to bottom)
Please help me!!
Thanks,
Jimmy
Mon, 2010-12-20 06:28
#1
no1jimmyman wrote: My problem
My problem is i have a basic table that contains 1 table row with 1 table data cell that is 500px x 400px in size. I have an image i wish to place into the data cell that is 300px x 300px however i want the image to be right in the centre of the table data cell. So effectively i want to be able to centre text/images etc in the centre of the cell (center left to right; centre top to bottom)
Don't use a table, use proper semantic markup. What you are describing is not tabular content and doesn't belong in a table.
Mon, 2010-12-20 13:05
#2
Vertical centering can be
Vertical centering can be realy tricky but if you know width & height like in your case it is very easy.
I would do it like this, but there is moreways to solve this issue
<div style="width: 500px; height: 350px; text-align: center; padding-top: 50px"> <img src="IMAGE_URL" alt="IMG" style="width: 300px; height: 300px;" /> </div>
also if you want the div itself centered just add
margin: 0 auto;
to the div and it will center itself in the parent container (it needs to have a width set)
Mon, 2010-12-20 13:08
#3
Ok for the sake of this
Ok for the sake of this exercise, i am wanting to know how to center the contents of the TD tag; by centering i mean top/bottom and left/right. i need text to grow from the center of the TD tag.
Mon, 2010-12-20 13:09
#4
sorry i posted a reply to the
sorry i posted a reply to the first response before you had posted yours...i will try it and let you know...thanks