Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en"><head>
- <meta charset="utf-8">
- <title>Table Example (HTML 5)</title>
- <meta name="created" content="Fri, 15 Oct 2010 21:46:04 GMT">
- <meta name="Description" content="The Shadow Knows">
- <meta name="Keywords" content="table tags, html 5">
- <meta name="author" content="PayneLess Designs">
- <meta name="copyright" content="Jan 2004 to present.">
- <meta name="robots" content="all">
- <meta name="revisit-after" content="60 days">
- <!-- Web 2.0 uses the space and "/" to close tags with no normal closing tag:
- <meta name="copyright" content="hubpages" />
- meta name="revised" content="The Shadow Knows, 12/5/2012" />
- <meta http-equiv="refresh" content="30" />
- -->
- <style>
- * { margin: 0; padding: 0; border: 0; }
- h1 { text-align: center; margin: 2% 0; }
- table#main {
- width: 800px;
- height: 561px;
- margin: 0 auto;
- border-collapse: collapse;
- border: 2.5em solid #f00;
- /* background: #f0f url(jamie-recipesboxes-lrg.gif) no-repeat center scroll; */
- font-family: arial, 'times new roman', sans-serif;
- font-size: 1em;
- color: #000;
- }
- table#main td#one {
- width: 745px;
- height: 73px;
- border-bottom: 1.2em solid #f00;
- background: #fff;
- }
- table#main td#two {
- width: 739px;
- height: 400px;
- margin: 0 auto;
- border: .5em solid #fff;
- background: #fff;
- padding: 0 0 15px 0;
- }
- table#main td#two table#table-two {
- width: 724px;
- height: 400px;
- margin: 0 auto;
- border-collapse: collapse;
- border: 2.7em solid #fe00fe;
- background: #fff;
- }
- td#two table#table-two td#left {
- width: 168px;
- height: 400px;
- border-right: 1.6em solid #fe00fe;
- }
- </style>
- <!--[if IE]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <style>
- table#main {
- border: 1.5em solid #f00;
- font-size: 1em;
- color: #000;
- }
- table#main td#one {
- border-bottom: .8em solid #f00;
- }
- table#main td#two {
- border: .2em solid #fff;
- padding: 0 17px 17px 17px;
- }
- table#main td#two table#table-two {
- border: 1.5em solid #fe00fe;
- }
- td#two table#table-two td#left {
- border-right: .8em solid #fe00fe;
- }
- </style>
- <![endif]-->
- </head><body>
- <h1>Table Example (HTML 5 DocType)</h1>
- <table id="main">
- <tbody>
- <tr><td id="one"> </td></tr>
- <tr><td id="two">
- <table id="table-two">
- <tr><td id="left"> </td><td> </td></tr>
- </table>
- </td></tr>
- </tbody>
- </table>
- </body></html>
- <!-- HTML 5 Folder | -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement