Center Tables

[Max11]

Is there a way to center tables?

i tried this:

Code: Select all

[center]
[TABLE]
[TR]
[TD]Text1[/TD]
[TD]Text2[/TD]
[TD]Text3[/TD]
[TD]Text4[/TD]
[TD]Text5[/TD]
[TD]Text6[/TD]
[/TR]
[/TABLE]
[/center]

But it doesn´t work. Even not if i set the center on a other position.

The BB Code for center i use is:

Code: Select all

[center]{TEXT}[/center]
Replacement:
<span style="display: block; text-align: center;">{TEXT}</span>

[Sniper_E]

You need to use <span style="display: block;width: 100%;text-align: center">{TEXT}</span>

[Steve]

A lot more control with:

Code: Select all

<div style="text-align: center;">{TEXT}</div>

[Max11]

Thank you guys. This BB Codes work really fine with everything else like centering Text and IMG, but not Tables.

[Max11]

I couldn´t solve it with the center tag, but here i could found something helpful.

you can center a table with:

Code: Select all

[TABLE_CENTER]{TEXT}[/TABLE_CENTER]

Code: Select all

<table style="margin:0px auto"; border="1">{TEXT}</table>

This is a solution for me.
But it´s not a solution for general alignment for tables.
I had to create a special BB Code: [TABLE_CENTER] for centering tables. The normal one: [Table] i can use for left alignment for tables, but for the right alignment there is no solution until now. It would be great to make it work with the normal align BB Codes [left] [center] [right]

[Sniper_E]

In tables extension I use the same classes for tleft, tcenter and tright.

Code: Select all

/* Use with table [table=tcenter,35] to center table */
.tleft { float: left;margin-right: 6px; }
.tcenter { margin: 0 auto; }
.tright { float: right;margin-left: 6px; }

See if that will help you. Example using .tcenter on a table.