[Tutorial] Creating Table BBCodes

[JuliusCaesar Julian]

hey 2 questions,

1. How can I add a bgimage to the table?
2. How can I add a footer?

thx

[Handyman]

in the table tag

Code: Select all

<table class="tablebg" cellspacing="1" width="100%">
<tbody>{TEXT}</tbody></table>

just add bgimage

Code: Select all

<table class="tablebg" cellspacing="1" width="100%" bgimage="yourimagehere.gif">
<tbody>{TEXT}</tbody></table>

[Highway of Life]

NO NO NO!!! BAD!!
That's not even Transitional valid markup!!

You must put it inside a style tag, or assign it a class attribute... for example...

Code: Select all

<table class="tablebg" cellspacing="1" width="100%" style="background-image:url('path/to/image.jpg');">....

is alright
and

Code: Select all

<table class="tablebg bgimgclass" cellspacing="1" width="100%">...

is alright as well.. and bgimgclass would be defined in your stylesheet, and contain the following example:

Code: Select all

.bgimgclass {
    background-image:url('path/to/image.jpg');
}

[JuliusCaesar Julian]

BBcode

Code: Select all

[Tabelle={NUMBER},{URL}]{TEXT}[/Tabelle]

html replace

Code: Select all

<table class="tablebg" cellspacing="1" width="{NUMBER}%" bgimage="{URL}">
<tbody>{TEXT}</tbody></table>

does this work??

[Handyman]

BBcode

Code: Select all

[Tabelle={NUMBER},{URL}]{TEXT}[/Tabelle]

html replace

Code: Select all

<table class="tablebg" cellspacing="1" width="{NUMBER}%" bgimage="{URL}">
<tbody>{TEXT}</tbody></table>

does this work??

yes, that would work, but Highway is right... you don't want to use that. I was going for the 2 second fix, not the 30 second fix
do this:

Code: Select all

<table class="tablebg" cellspacing="1" width="{NUMBER}%" style="background-image:url('{URL}');">

[JuliusCaesar Julian]

woooo
this one doesn't work

Code: Select all

[tabelle=90,http://www.zenhaiku.com/images/seattle-sunset.jpg][th=1]Tabllentest[/th]
[tr][td=row2,1]test[/td][/tr][/Tabelle]

[Handyman]

I can't get it to work either... I've tried just about everything and it shows up perfect in DreamWeaver.
Here is what I tried last:

Code: Select all

[table]{TEXT}[/table]

Code: Select all

<table width="100%" style="background-image:url(http://zenhaiku.com/images/seattle-sunset.jpg)">
<tr>
   <td>{TEXT}</td>
</tr>
</table>

[JuliusCaesar Julian]

can't I just use this one

Code: Select all

<table class="tablebg" cellspacing="1" width="{NUMBER}%" bgimage="{URL}">
<tbody>{TEXT}</tbody></table>

[Handyman]

I thought you said you tried that one.
If you can get anything to work, please let me know... I was not able to get a bgimage to work.
I wonder if it has to be on in-site image... I'm gonna try that in about an hour.

Edit, I can't seem to get it... and I've tried every possibility I can think of... even the bgimage.
I've tried making the image start with http://
I've tried working with it to find the path (i.e. ./beta5/styles, /beta5/styles beta5/styles ./styles /styles styles)
I can get it to work with just a basic html page, but I can't get it to work with the bbcodes... I'm thinking some code will need to be edited to be able to make this happen.

[Highway of Life]

your problem is a missing [tr] tag...
Also, if they have parameters, you have to define them, even if they are empty... for example, if you are using my tr tag, you need it to do [tr=] not [tr]
so your code should be:

[tabelle=90,http://www.zenhaiku.com/images/seattle-sunset.jpg][tr=][th=1]Tabllentest[/th][/tr][tr=][td=row2,1]test[/td][/tr][/tabelle]

And make sure there are no newlines (returns) as that will just create spaces from the top of your table to the start, and you'll wonder why.