Putting two tables beside each other?

[Maiden]

Is this possible without putting them inside another table?

[Brian]

Hi, Maiden.

I believe tables display as block elements, so they attempt to take up the entire line they're on.

If you're making the tables in your forum's HTML, you can simply add style="display: inline-block;" as an attribute to the <table> tag and the table should allow content beside it.

As for tables inside posts, you'll have to make use of the method you already mentioned and add the tables inside another table's cells.

[Maiden]

Cheers for that Brian!

[Maiden]

I've got my tables in a table, but I can't get the two columns to be 50% each.

Any ideas:

KETRIN HOLD Ketrin Badge Headwoman Kerest ~ with blue Lestar Healer Badge Journeyman Paldan ~ with bronze Bob

MATHON HOLD Ver Hold Holder Darish ~ with bronze Priv Mathon Badge Kitchen Worker Rosyn ~ with brown Ate Infirmary/Ladies Aide Jocie ~ with green Flower-Petal-Blossom Tanner Badge Journeyman Lum



[table style="table-layout:auto;"][tbody][tr][td][table style="text-align:center;border-collapse:separate;border-spacing:2px;border:1px solid #000;border-radius:5px;background-color:#780103;table-layout:auto;"][tbody][tr][td colspan="2" style="border:1px solid #000;border-radius:5px;background-color:green;"][font size="3"][b]KETRIN HOLD
[/b][/font][/td][/tr][tr][td style="padding:5px;border:1px solid #000;border-radius:5px;background-color:white;"]Ketrin
Badge
[/td][td]Headwoman Kerest
~ with blue Lestar
[/td][/tr][tr][td style="padding:5px;border:1px solid #000;border-radius:5px;background-color:white;"]Healer
Badge
[/td][td]Journeyman Paldan
~ with bronze Bob
[/td][/tr][/tbody][/table][/td][td][table style="text-align:center;border-collapse:separate;border-spacing:2px;border:1px solid #000;border-radius:5px;background-color:#780103;table-layout:auto;"][tbody][tr][td colspan="2" style="border:1px solid #000;border-radius:5px;background-color:silver;"][font size="3"][b]MATHON HOLD
[/b][/font][/td][/tr][tr][td style="padding:5px;border:1px solid #000;border-radius:5px;background-color:white;"]Ver
Hold
[/td][td]Holder Darish
~ with bronze Priv
[/td][/tr][tr][td rowspan="2" style="padding:5px;border:1px solid #000;border-radius:5px;background-color:white;"]Mathon
Badge
[/td][td]Kitchen Worker Rosyn
~ with brown Ate
[/td][/tr][tr][td]Infirmary/Ladies Aide Jocie
~ with green Flower-Petal-Blossom
[/td][/tr][tr][td style="padding:5px;border:1px solid #000;border-radius:5px;background-color:white;"]Tanner
Badge
[/td][td]Journeyman Lum
[/td][/tr][/tbody][/table][/td][/tr][/tbody][/table]


every time I try and put width=50% into the td's switching to visual and back makes it vanish.

[Brian]

Are you referring to the columns of the table that divides the two tables or the columns of the colored tables?

[Maiden]

The columns that divide the two tables. I want the two tables to sit in the centre of their own halves of the post, or against the center (so the left on aligned right and the right one aligned left lol) I haven't quite decided yet heh.

[Aaron]

If you want a quick fix - if you define matching widths in pixels, it will show as '50%'

[Brian]

As Aaron suggested, you could define both of the [td] elements as having the same width to accomplish this via style="width: 250px;", substituted with your preferred width.

Then you'd simply have to highlight each of the inner tables and use the Center BBCode button to center each of them.

[Maiden]

was really hoping to use % as the forum is variable width. I wanted to define each td as 50% but couldn't figure out why it wasn't working :s

[Maiden]

Oddly now it works, not even going to try and work that one out.

[Brian]

style="width:50%;" should work on them. The table would need to have style="width:100%;" to span across the entire post though.