Skip to content

Instantly share code, notes, and snippets.

@hectorrios

hectorrios/dabblet.css

Created March 15, 2013 13:49
Show Gist options
  • Save hectorrios/5169994 to your computer and use it in GitHub Desktop.
Save hectorrios/5169994 to your computer and use it in GitHub Desktop.
Download ZIP
DIV positioning
Raw
dabblet.css
/* DIV positioning */
#left-div {
width:400px;
border:1px solid red;
background-color:grey;
float:left;
}
#right-div {
width:400px;
border:1px dashed blue;
background-color:aqua;
float:right;
}
#validation-pane {
clear:both;
}
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="form">
<div id="container">
<div id="vertical-pane">
<div id="horizontal-pane">
<div id="left-div">
<table>
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>row 1 col 1</td>
<td>row 1 col 2</td>
<td>row 1 col 3</td>
</tr>
<tr>
<td>row 2 col 1</td>
<td>row 2 col 2</td>
<td>row 2 col 3</td>
</tr>
</tbody>
</table>
</div>
<div id="right-div">
<table>
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>row 1 col 1</td>
<td>row 1 col 2</td>
<td>row 1 col 3</td>
</tr>
<tr>
<td>row 2 col 1</td>
<td>row 2 col 2</td>
<td>row 2 col 3</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="validation-pane">
<textarea>
Validation Pane
</textarea>
</div>
</div>
</div>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment