HTML help

Submitted by Sophie703 on Mon, 27/07/2009 - 7:30am
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! :)
Forums: 
Neopets Misc
  • 7361 reads

Did you get it fixed? They're centered for me.
angel_shortcake | Mon, 27/07/2009 - 7:35am |

Sorry, I should add that it looks ok in IE, but in firefox it doesn't look centered.
Sophie703 | Mon, 27/07/2009 - 7:37am |

I'm in firefox on mac and it's working. :)
Scott | Mon, 27/07/2009 - 7:39am |

Hmm.. I just cleared my cache, etc and it's still not centering in FF for me...
Sophie703 | Mon, 27/07/2009 - 7:47am |

hm it`s centered in google chrome too.
chirigami | Mon, 27/07/2009 - 8:01am |

Well, if it looks ok to everyone else, that's what matters lol.... I attached a picture of how it's looking to me...
Sophie703 | Mon, 27/07/2009 - 8:05am |

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
luckyrobomaverick | Mon, 27/07/2009 - 8:29am |

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]
___________ [color=gray]Chris, aka wushu_soldier[/color] [size=11][i]Sniper, maller, reseller Background shop of X-Mart Neomallers graphics designer[/i][/size]
silverdragon | Mon, 27/07/2009 - 8:49am |

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. :)
Sophie703 | Mon, 27/07/2009 - 9:03am |

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 ~
~ May ~
mayarend | Mon, 27/07/2009 - 9:24am |

Pages