For some reason the images in the table at the top of my lookup aren't centering. Does anyone know how to fix this?
My lookup: http://www.neopets.com/userlookup.phtml?user=princesssophie703
Thanks! :)
i guess the definition of centered needs some elaboration. do you mean like centered with 4 rows?
cause your pic is how it looks to me too and i would say its centered.
if you wanted 4 rows, it should have a break after each image.
break = <' br '>
without the apostraphes
My Shop- http://www.neopets.com/browseshop.phtml?owner=luckyrobomaverick
My Trades- http://www.neopets.com/island/tradingpost.phtml?type=browse&criteria=owner&search_string=luckyrobomaverick
My Shop- http://www.neopets.com/browseshop.phtml?owner=luckyrobomaverick
My Trades- http://www.neopets.com/island/tradingpost.phtml?type=browse&criteria=owner&search_string=luckyrobomaverick
If you do want them on different rows, the BR-tag wouldn't help since they're still in the same row but different columns of the table. So instead, to put them all "on top of each other", make sure each picture get a new row tag (TR). I'll try to explain more closely:
Right now, you've got
<'table'>
<'tr'>
<'td'>
PIC 1
<'/td'>
<'td'>
PIC 2
<'/td'>
etc...
<'/tr'>
<'/table'>
But if you want them to align vertically, you need to add each pic on a new row:
<'table'>
<'tr'>
<'td'>
PIC 1
<'tr'>
<'td'>
PIC 2
<'/td'>
<'/tr'>
etc...
<'/table'>
In other words, TR adds a new row to your table, while TD adds a new column and together they create cells. Another alternative would be to scrap the table completely and go with the CENTER-tag and the row-breaking tab BR. But once you understand how tables work they are so much more flexible, so I highly recommend you keep it as it is and try playing around with it for a bit.
But to be completely honest with you, I think it looks great the way it is :P
___________
[color=gray]Chris, aka wushu_soldier[/color]
[size=11][i]Sniper, maller, reseller
Background shop of X-Mart
Neomallers graphics designer[/i][/size]
Thank you guys I really appreciate the help. To be specific I like the actual table the way it is horizontally, but the *pictures* need to scoot over a bit and be centered over the text underneath.
I attached a new picture for clarity. :)
Whatcha have to do is center inside each cell for the images, like this...
<'table'>
<'tr'>
<'td'>
<'center'>
PIC 1
<'/center'>
<'/td'>
<'td'>
<'center'>
PIC 2
<'/center'>
<'/td'>
<'td'>
<'center'>
PIC 3
<'/center'>
<'/td'><'td'>
<'center'>
PIC 4
<'/center'>
<'/td'>
<'/tr'>
<'tr'>
<'td'>
Pic 1 text
<'/td'>
<'td'>
Pic 2 text
<'/td'>
...
and so on :P
~ May ~
Pages