Centeren

[ManuNeko]

Kan er mij iemand uitleggen waarom de image niet gecentreerd wordt?

<tr style='text-align: center; display: inline' id='ProgressBar'><td><div align='center'><img src='Assets/Images/ProgressBar.gif'></div></td></tr>

 

[Example5]

volgens mij werkt dat inderdaad niet voor images, je zou het kunnen proberen door <center> tags om de <img> te zetten... dus:

<center><img src='Assets/Images/ProgressBar.gif'></center>

 

[Naarling]

argh! Zo sterft dat ding natuurlijk nooit uit, de <center> tag is al jarenlang verouderd verklaard, niet gebruiken dus. Er kan niet gegarandeerd worden dat hij et in de toekomst ook blijft doen. Ons aller csshunter heeft hier een mooi stukje geschreven over het hoe en waarom daarvan.

Als je align="center" toepast op de <td> in plaats van op de <div> zou het trouwens moeten werken (al weet ik het niet 100% zeker, ik werk niet graag met tabellen), die hele div heft trouwens weinig zin, er staat maar één element in dus je kunt hem net zo goed weglaten.

 

[ManuNeko]

Ik krijg de image wel gecentreerd als ik de "inline" weglaat. Anders werkt het niet! Die <div> was enkel om te zien of dat wel werkt; maar jammer genoeg werkt dat ook niet.

 

[Naarling]

Hm, die had ik gemist, maar waarom wil je een <tr> inline weergeven? Het lijkt er op alsof je bezig bent je layout uit tabellen op te bouwen, dat zou een slecht idee zijn omdat je op een gegeven moment (nu in jouw geval) altijd tegen problemen of verschillen tussen browsers aan loopt. In dat geval is het misschien handig om de twee onderste links in m'n handtekening even door te nemen, daar wordt goed in uitgelegd hoe je een site goed kunt opbouwen.