Table Style

summary:

How to format a table background

Table Style

morrisg 1210158053|%e %b %Y, %H:%M %Z|agohover

Hi Folks.
I'm an absolute newbie to Wikidot.
I think my question is simple.
I want a Table of 4 Columns and 10 Rows, the background for the Table should be Yellow.
I don't want to have to define the style for EACH cell, just the Table.
Is it possible to define the Table background when using the format for the table as shown below.

cell-content	cell-content	cell-content	cell-content
cell-content	cell-content	cell-content	cell-content
cell-content	cell-content	cell-content	cell-content

Still learning….
Thanks
Morrisg

Re: Table Style

Helmuti_pdorf 1210173616|%e %b %Y, %H:%M %Z|agohover

1. use the new table tags: http://community.wikidot.com/howto:table-layout-with-row-and-cell

cell_content	cell_content	cell_content	cell_content
cell_content	cell_content	cell_content	cell_content
cell_content	cell_content	cell_content	cell_content
cell_content	cell_content	cell_content	cell_content

Done with

[[table style="background-color: #DDDDEE; border: 1px solid silver;"]]
[[row]] 
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[/row]] 
[[row]] 
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[/row]] 
[[row]] 
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[/row]] 
[[row]] 
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[cell style="border: 1px solid silver;"]] cell_content  [[/cell]]
[[/row]] 
[[/table]]

or

2. use the (simple ) table format as you want to use - than
put the table inside a [[Div style="...."]]... [[/div]] tag with the "style"attribute like this example:

cell_content	cell_content	cell_content	cell_content
cell_content	cell_content	cell_content	cell_content
cell_content	cell_content	cell_content	cell_content
cell_content	cell_content	cell_content	cell_content

Done with :

[[Div style="background-color: #DDDDEE;"]]
||cell_content||cell_content||cell_content||cell_content||
||cell_content||cell_content||cell_content||cell_content||
||cell_content||cell_content||cell_content||cell_content||
||cell_content||cell_content||cell_content||cell_content||
[[/div]]

Re: Table Style

morrisg 1210174113|%e %b %Y, %H:%M %Z|agohover

Many thanks Helmut……
Even a 'newbie' can follow your instructions.
Gracias from Spain.
Morrisg

Re: Table Style

Helmuti_pdorf 1210176030|%e %b %Y, %H:%M %Z|agohover

For easier formattting:

You can put the simple table into another new one with one row/cell ( nested):
Have a look: ( the background color is now defined per cell , could be per row ro table…

cell_content cell_content cell_content cell_content cell_content cell_content cell_content cell_content cell_content cell_content cell_content cell_content cell_content cell_content cell_content cell_content

Done with :

[[table style="text-align: center; border: 0px solid silver; margin: auto;"]]
[[row]] 
[[cell style="background-color: #DDDDEE;"]]
||cell_content||cell_content||cell_content||cell_content||
||cell_content||cell_content||cell_content||cell_content||
||cell_content||cell_content||cell_content||cell_content||
||cell_content||cell_content||cell_content||cell_content||
[[/cell]] 
[[/row]]  
[[/table]]

Border-collapse

In the first solution with table tag there is the problem that the style attribute :

border-collapse: with the 2 parameter values seperate and collapse
by default set is to "seperate" - means there are borders around the table AND the cell.

if you do not wantthis "new" layout than you need to write into the table tag:
[[table style="....; border-collapse: collapse;"]] instead of the default "seperate" !

Hope this helps too? :)

Regards
Helmut

last edited on 1210176983|%e %b %Y, %H:%M %Z|agohover by Helmuti_pdorf + show more