The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

A table in post

View previous topic View next topic Go down

A table in post

Post by Hero-boy on July 26th 2013, 8:57 am


Hero-boy
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Re: A table in post

Post by Ange Tuteur on July 26th 2013, 10:52 am

Below is a simple table using bbcode, if your forum has HTML active you can use HTML for your tables instead.

Code:
[table border="1"][tr][td]content here[/td]
[/tr]
[tr][td]content here[/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]
Example:
content here
content here
Tables are defined by <table> each row in a table is defined by <tr> table row and in those rows are data cells <td> table data, td can contain anything from text to images. If you need anymore information ask.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: A table in post

Post by Hero-boy on July 26th 2013, 11:33 am

I have HTML active how can I do HTML one ?

Hero-boy
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Re: A table in post

Post by Ange Tuteur on July 26th 2013, 3:00 pm

@Hero-boy wrote:I have HTML active how can I do HTML one ?

By using the tags I mentioned above.

<table><tr><td></td></tr></table>

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: A table in post

Post by Hero-boy on July 26th 2013, 5:29 pm

Is this done with HTML or BBcode ?


and how can I do like it ?

Hero-boy
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Re: A table in post

Post by Ange Tuteur on July 26th 2013, 6:33 pm

Well you can't really tell as the effect of tables with HTML/BBcode is quite similar.

If you were to do what was mentioned above you would use two rows <tr> 1 for the images and the other for the text. Each row would consist of 4 Table data cells <td>; refer to the code below for a simple setup.


Code:
<table>
<tr><td>ROW 1 IMAGE 1</td><td>ROW 1 IMAGE 2</td><td>ROW 1 IMAGE 3</td><td>ROW 1 IMAGE 4</td></tr>
<tr><td>ROW 2 DESC 1</td><td>ROW 2 DESC 2</td><td>ROW 2 DESC 3</td><td>ROW 2 DESC 4</td></tr>
</table>

I'd recommend you read over this regarding information about tables.
http://www.w3schools.com/html/html_tables.asp

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: A table in post

Post by genji watanabe on July 26th 2013, 6:45 pm

try this

Code:
[table border="1"]
[tr]
[td align="left"][img]http://illiweb.com/fa/invision/pp-blank-thumb.png[/img][/td]
[td style="padding: 10px; text-align: justify;"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/td]
[/tr]
[tr]
[td align="left"][img]http://illiweb.com/fa/invision/pp-blank-thumb.png[/img][/td]
[td style="padding: 10px; text-align: justify;"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/td]
[/tr]
[tr]
[td align="left"][img]http://illiweb.com/fa/invision/pp-blank-thumb.png[/img][/td]
[td style="padding: 10px; text-align: justify;"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/td]
[/tr]
[/table]





Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

genji watanabe
Forumember

Male Posts : 231
Reputation : 17
Language : Html, Css, some Js and no Gfx.
Location : Malaysia

http://project-d.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum