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.

Table colors, margins, paddings are non-existant (?)

View previous topic View next topic Go down

Solved Table colors, margins, paddings are non-existant (?)

Post by MHerushingu on October 6th 2014, 9:33 am

I have been wondering if there is any way to fix the code based on table which was created through the editor.

It supposed to look like this (in editor)...


... but for some mysterious reason it appears to look like this (both in messages and reviews):

MHerushingu
Forumember

Posts : 49
Reputation : 1
Language : Finnish, English, Russian
Location : Helsinki, Finland

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by Mati on October 6th 2014, 10:43 am

Here is a BBCode Table:

Code:
[table style="background-color:#FFFFFF;border-collapse:collapse;border:2px solid #cccccc;color:#000000;width:100%" border="1" cellpadding="3" cellspacing="3"][tr][td style="width: 50px;padding: 5px"][b]Testing[/b][/td]
[td style="padding: 5px;border:1px solid #cccccc;"]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla provident modi aut debitis minus temporibus tempore saepe quas hic ratione itaque quo quisquam earum.[/td]
[/tr]
[tr][td style="width: 50px;padding: 5px;border:1px solid #cccccc;"][b]Testing[/b][/td]
[td style="padding: 5px;border:1px solid #cccccc;"]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla provident modi aut debitis minus temporibus tempore saepe quas hic ratione itaque quo quisquam earum.[/td]
[/tr]
[tr][td style="width: 50px;padding: 5px;border:1px solid #cccccc;"][b]Testing[/b][/td]
[td style="padding: 5px;border:1px solid #cccccc;"]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla provident modi aut debitis minus temporibus tempore saepe quas hic ratione itaque quo quisquam earum.[/td]
[/tr]
[/table]

Ex:
TestingLorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla provident modi aut debitis minus temporibus tempore saepe quas hic ratione itaque quo quisquam earum.
TestingLorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla provident modi aut debitis minus temporibus tempore saepe quas hic ratione itaque quo quisquam earum.
TestingLorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla provident modi aut debitis minus temporibus tempore saepe quas hic ratione itaque quo quisquam earum.

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by _Twisted_Mods_ on October 6th 2014, 10:57 am

just take out
Code:
 style="background-color:#FFFFFF;

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by MHerushingu on October 6th 2014, 11:32 am

@Mati™ & thetwistedkilla: BBC does not read these codes. The thing isn't working.

Is there any CSS codes that would fix this problem? (Just now realized that it would be wise to transfer this topic into CSS-coding area)

MHerushingu
Forumember

Posts : 49
Reputation : 1
Language : Finnish, English, Russian
Location : Helsinki, Finland

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by _Twisted_Mods_ on October 6th 2014, 12:10 pm

my guess is its your css thats overriding it and makeing it black

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by MHerushingu on October 6th 2014, 12:29 pm

Clever. How the heck I can change it? I haven't found any way to do that. :<

MHerushingu
Forumember

Posts : 49
Reputation : 1
Language : Finnish, English, Russian
Location : Helsinki, Finland

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by _Twisted_Mods_ on October 6th 2014, 1:48 pm

copy and past all of your css stylesheet

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by Ange Tuteur on October 6th 2014, 3:54 pm

Hello,

By default your forum does not style the tables in posts, you must do that yourself. For example, to start we can give the table a classname, and style it with CSS :
Code:
[table class="myTable"][tr][td][/td][/tr][/table]

CSS :
Display > Colors > CSS stylesheet
Code:
.myTable * { padding:3px }

.myTable, .myTable td { border:1px solid #666 }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by MHerushingu on October 7th 2014, 7:19 am

@Ange Tuteur: I have been trying to use these codes but non of these are working. Nothing seems to be changing when I do activate them.

MHerushingu
Forumember

Posts : 49
Reputation : 1
Language : Finnish, English, Russian
Location : Helsinki, Finland

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by Ange Tuteur on October 7th 2014, 7:44 am

Could you provide a link to your forum ?

Thanks. Smile

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by _Twisted_Mods_ on October 7th 2014, 7:52 am

you can use one of these but its gonna mess up your whole look of your site
because it styles every table not just ones in post

Code:
td{
 background-color:#FFFFFF;
}
Code:
table{
 background-color:#FFFFFF;
}

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by MHerushingu on October 7th 2014, 8:17 am

@Ange Tuteur: PM'ed.

Just a moment ago, I have actually figured out what to do. Very Happy I have got the borders now but now I just to get margins and borders.


MHerushingu
Forumember

Posts : 49
Reputation : 1
Language : Finnish, English, Russian
Location : Helsinki, Finland

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by Ange Tuteur on October 7th 2014, 8:27 am

Use this set of CSS rules to style the tables :
Code:
.postbody .content table {
  /* Whole table */
}

.postbody .content table tr {
  /* Table rows */
}

.postbody .content table tr td {
  /* Table cells */
}

To make unique tables, you can assign them classnames and style them by the stylesheet. What I have above will modify any tables in post content.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by MHerushingu on October 7th 2014, 9:06 am

^I see! That's how the things are done...

Thanks for the help! Wink

MHerushingu
Forumember

Posts : 49
Reputation : 1
Language : Finnish, English, Russian
Location : Helsinki, Finland

Back to top Go down

Solved Re: Table colors, margins, paddings are non-existant (?)

Post by Ange Tuteur on October 7th 2014, 10:36 pm

You're welcome ^^

Topic archived

Ange Tuteur
Forumaster

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

http://fmdesign.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