Titch2349
iz me!
+358|6560|uk

I've recently had a few people ask how I made my sexy table in the BF2s CD Trip, and I've also seen people ask on other threads.....

So heres a small little Tutorial, that should hopefully explain how to do it better...........

The BB Code wrote:

There are 4 (8 if you include the corresponding closing tags) bits of BBCode that you need to know when creating a table.

Code:

[table] and [/table]
[tr] and [/tr]
[td] and [/td] 
[th] and [/th]
mmmk.... some random letters stuck together..... fear not!

[ table] and [ /table]

         These 2 tags need to be put at the start and end of the table- like the [ quote] and [ / quote] tags go around a quote- these go around a table.

[ tr] and [ /tr]
     Remember: tr = table row
         These 2 tags define the start and end of a table row.

[ td] and [ /td]

         These 2 tags define the start and end of a cell

[ th] and [ /th]
     Remember: th = table header
         These 2 tags are the same as the [ td] tags, but they give the cell a funky background- to make it stand out as a title

How a Table is made up wrote:

Thats all these is to it. Now how to put it all together, so it makes sense.

Lets look at how a table works.

     You have a table.
          You have a row
               There are multiple cells in the row.
          You finish the row
          You make a new row.
               There are multiple cells in that row.
          You finish the row.
     You finish the table.
So lets make a table......

Code:

[table]                  <--- Start of the Table
[tr]                                 <---- Start of a Row
[th]Name[/th]                             <--- Cell in a Row
[th]Number[/th]                           <--- Cell in a Row
[/tr]                                <---- End of a Row
[tr]                                  <---- Start a New Row
[td]Titch[/td]                              <--- Cell in a Row
[td]1[/td]                                   <--- Cell in a Row
[/tr]                                 <--- End of a Row
[tr]                                  <--- Start of a new Row
[td]DeathUnlimited[/td]                      <--- Cell in a Row
[td]2[/td]                                   <--- Cell in a Row
[/tr]                                 <--- End the Row
[/table]                <---- Finish the Table
Which produces

NameNumber
Titch1
DeathUnlimited2


Note: Don't try and "tab" out the table using spaces to make it look nice, and so you can understand it better- many browsers take the spaces into account, and then you end up with a tablew 4 pages down the topic.

--------------------------------------------------------------------------------------------------------------

See... its easy!

I hope this helps, and that how i've explained it makes sense- its quite complicated, but once you get your head round it, its easy.

Credits:

aLeX wrote:

Actually, I request it is noted that the tut was enspired by me. Thanks

Last edited by Titch2349 (2008-01-02 05:51:20)

aLeX
.?
+160|6539|:D

Inspired by me ladles and gentlespoons. I take full credit for this tutorial.
DUnlimited
got any popo lolo intersting?
+1,160|6671|cuntshitlake

Sexy!
main battle tank karthus medikopter 117 megamegapowershot gg
RDMC
Enemy Wheelbarrow Spotted..!!
+736|6773|Area 51
QuestionAnswer
O'rly?Ya rly


It works!

Last edited by RDMC (2008-01-02 06:02:38)

liquidat0r
wtf.
+2,223|6835|UK
[ br] also comes in handy. As you can't add line breaks into table cells any other way.
Varegg
Support fanatic :-)
+2,206|7018|NÃ¥rvei

Wiki ? ... stickey ?

Awesome
Wait behind the line ..............................................................
naightknifar
Served and Out
+642|6769|Southampton, UK

Good job, was thinking of doing this after USmarine questioned how to do it.

... I was too lazy.
kylef
Gone
+1,352|6701|N. Ireland
Some preset tables for you lazy ones..

Code:

[table]
[th]Header 1[/th]
[th]Header 2[/th]
[tr]
[td]A[/td]
[td]A[/td][/tr]
[td]B[/td]
[td]B[/td][/tr]
[td]C[/td]
[td]C[/td][/tr]
[td]D[/td]
[td]D[/td][/tr]
[td]E[/td]
[td]E[/td][/tr]
[/table]
AA

Code:

[table]
[th]Header 1[/th]
[td]Header 2[/td]
[tr]
[th]A[/th]
[td]A[/td][/tr]
[th]B[/th]
[td]B[/td][/tr]
[th]C[/th]
[td]C[/td][/tr]
[th]D[/th]
[td]D[/td][/tr]
[th]E[/th]
[td]E[/td][/tr]
[/table]
AA
Flaming_Maniac
prince of insufficient light
+2,490|6914|67.222.138.85
stickied
xGj
Official lame Crysis fanboy.
+84|6579|Netherlands tbh
Nice tut helps me alot! I have a problem though, when creating three cells in a row and putting some text in the third one, the table gets pushed down, a lot. I don't know what's causing it but do any of you have an answer?
Titch2349
iz me!
+358|6560|uk

xGj wrote:

Nice tut helps me alot! I have a problem though, when creating three cells in a row and putting some text in the third one, the table gets pushed down, a lot. I don't know what's causing it but do any of you have an answer?
Post the code, and i'm sure someone will be able to help.

I've noticed that tables been pushed down a lot is sometimes because a tag isn't closed.

Board footer

Privacy Policy - © 2024 Jeff Minard