11 replies to this topic

[fayt]

hello all,

i was wondering if anyone would be able to tell me to how vertically align a table. I know how to align horizontally but i am confused on how to do it vertically.

thanks

[Matthew.]

If your using a table, its a simple matter of adding:

valign="middle"

[fayt]

thanks for the reply. i tried that before i posted but it didnt do anything

[Matthew.]

Are you applying it to the table or the TD?

I don't use tables, so i don't remember if it works on the <table> tag or just <td>.

[fayt]

i tried it on the <table> tag but i shall try it on the <td> now

edit: nope didnt work for either :s

Edited by fayt, 12 July 2006 - 03:38 PM.

[fayt]

ok im confused, align="center" works for the <table> tag but valign wont work :S

[Matthew.]

ok, look at this:

<table width="100%" border="1" >

  <tr>
	<td>1<br /><br /><br /></td> <td valign="top">2</td> <td colspan="2" valign="bottom"> 3 

and 4</td>
  </tr>

  <tr>
	<td>1</td> <td>2</td> <td>3</td> <td>4</td>
  </tr>

</table>

Note where the valigns are.

[fayt]

if i use valign within the <td> tags it only aligns the text within in, if i use it within the <table> tag, it does nothing :S

any css methods to vertically align the whole table?

[Demonslay]

vertical-align:top;

I've always had trouble getting vertical-aligns to work with Firefox, or even IE in most cases. So, I usually cheat and use this.

line-height:*px;

I then debug and figure what to use as the *. Very unconventional, but it always works for me.

[coolaid]

Demonslay, on Jul 13 2006, 02:36 AM, said:

line-height:*px;

I then debug and figure what to use as the *. Very unconventional, but it always works for me.

thats not unconventional, i use it all the time (give a tag a width, give the line-height the same width) - but it only works on single lined tags.

anyway, theres no good way to vertically align site layout which i think your trying to do? want to align something else vertically, use a table with valign=""

[Misael]

fayt, on Jul 12 2006, 11:03 PM, said:

if i use valign within the <td> tags it only aligns the text within in, if i use it within the <table> tag, it does nothing :S

any css methods to vertically align the whole table?

For this you need to use a table in a table

<table width="100%" height="100%">
 <tr>
  <td align="center" valign="center">
  <table width="200" height="200">
   <tr>
	<td align="center">Here's your tekst</td>
   </tr>
  </table>
  </td>
 </tr>
</table>

By the way, using a lot of tables will make the loading time longer, so try using CSS.

[fayt]

thanks for all the help