|
From: Stefan <son...@ba...> - 2010-06-27 02:13:24
|
Hallo,
you are interested in my modified RichTable.php. The following
fixes/anhancements are established to it.
-W3C proofed (the old plugin only shows pictures in the last cell of the
table when a "-" (<tr>) is at the end of the plugin. This is not
nessassary anymore and handled inside the plugin. If allready set, an
empty row without cell is not printed anymore)
- different styles
- for first row (first cell till before last cell)
- frst row last cell
- every next row (first cell till before last cell)
- every next row (last cell)
This gives you the chance to make layouts for tables without outer
border, shadows and round corners etc. It was tricky to handle colspan
and rowspan to find out which cell is the last one in a row (maybe its
the one from row before at rowspan ...) but now it works
how does it work?
The plugin
<?plugin RichTableNEW
*class=YOURCLASS, width=100%
-valign=top
|*rowspan=2
1.1
-
|2.1
|2.2
?>
The stylesheet
/* YOURCLASS = class you use in your stylesheet. Here you can use the
following styles to make round borders and shadow in firefox and chrome,
safari:
*/
table.YOURCLASS{}
tr.YOURCLASS {
-moz-box-shadow: 1px 1px 2px 1px #999;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-khtml-box-shadow: 1px 1px 2px 1px #999;
-webkit-border-radius: 4px;
box-shadow: 1px 1px 2px 1px #999;
border-radius: 4px;
}
/* bn = border none (right top cell) */
td.YOURCLASS-bn {
border: none;
}
/* bt = border top (every last cell except top cell)*/
td.YOURCLASS-bt {
border-top: 1px #999 solid;
}
/* br = border right (every first row cell except last one */
td.YOURCLASS-br {
border-right: 1px #ddd solid;
}
/*brt = border right top (every missing cell) */
td.YOURCLASS-brt {
border-right: 1px #ddd solid;
border-top: 1px #ddd solid;
}
You can see it work here:
http://www.mineralienatlas.de/lexikon/index.php/Geologische%20Zeittafel
Have fun
Stefan
|