Faith
Sign in
Sign up
Home
Contact
About
HTML EDITOR
1
<table class="red_style"><caption>TABLE SUMMARY TEXT</caption><thead><tr><th>THEAD </th><th>THEAD </th><th>THEAD </th><th>THEAD </th><th>THEAD </th></tr></thead> <tfoot><tr><td colspan="7">TABLE FOOTER DETAILS</td></tr></tfoot><tbody><!-- Row 1 --> <tr> <td>Cell </td> <td>Cell </td> <td>Cell </td> <td>Cell </td> <td>Cell </td> </tr><!-- Row 2 --> <tr> <td>Cell </td> <td>Cell </td> <td>Cell </td> <td>Cell </td> <td>Cell </td> </tr><!-- Row 3 --> <tr> <td>Cell </td> <td>Cell </td> <td>Cell </td> <td>Cell </td> <td>Cell </td> </tr><!-- Row 4 --> <tr> <td>Cell </td> <td>Cell </td> <td>Cell </td> <td>Cell </td> <td>Cell </td> </tr> <!-- Row 5 --> <tr> <td>Cell </td> <td>Cell </td> <td>Cell </td> <td>Cell </td> <td>Cell </td> </tr> </tbody> </table>
CSS CODE
<style> .red_style { width:100%!important; min-width:100%!important; height:100%!important; border:8px solid #ff0000; border-collapse:collapse; display:table; } .red_style caption { background-color:#ffffff; font-size:100%; color:#F60; vertical-align:top; text-align:center; line-height:25px; font-family:"comic sans", "comic sans ms", cursive, verdana, arial, sans-serif; font-weight:bold; border:0px solid #f2f2f2; } .red_style thead tr th { border:1px dotted #ff0000; font-family:'helvetica, sans-serif';font-size:100%; padding:4px;margin:0px; border-spacing:0px; vertical-align:bottom; color:#ffffff; text-align:left; line-height:24px; font-weight:bold; background-color:#ff0000; } .red_style tfoot tr td { background-color:#ff0000;color:#ffffff; border:1px solid #ffffff; font-family:'arial, helvetica, sans-serif';font-size:100%; padding:1px;margin:1px; border-spacing:0px; vertical-align:top; text-align:center; line-height:25px; font-weight:bold; } tr { width:100%; } .red_style tbody tr td { width:14.285714285714286%; border:1px dotted #ff0000; background-color:#ffffff; color:#000000; margin:0px; border-spacing:0px; padding:4px; font-family:'comic sans, comic sans ms, cursive, verdana, arial, sans-serif'; text-align:left; vertical-align:middle; } </style>
JAVASCRIPT CODE
//alert("Javascript code excuted");
Preview
Suggest a resource
Message