Skip to content

Instantly share code, notes, and snippets.

@gcyrillus
Forked from anonymous/dabblet.css
Created February 4, 2013 17:09
Show Gist options
  • Select an option

  • Save gcyrillus/4708051 to your computer and use it in GitHub Desktop.

Select an option

Save gcyrillus/4708051 to your computer and use it in GitHub Desktop.
test tableau et largeur colonnes
/* test tableau et largeur colonnes */
html, body, table { width:100%; margin:0;padding:0}
td {border:solid;background:linear-gradient(45deg,#999,#ccc);padding:1em;}
.thirty { width: 30%;}
.seventy { width: 70%; }
<table>
<caption>copier/coller.</caption>
<tr>
<td colspan="2">cellule 1</td>
</tr>
<tr>
<td class="thirty">cellule 2</td>
<td class="seventy">cellule 3</td>
</tr>
<tr>
<td class="thirty">cellule 2</td>
<td class="seventy">cellule 3</td>
</tr>
</table>
<hr/>
<table>
<caption>le gros ecrase le petit ? Oui mais nan !</caption>
<tr>
<td class="thirty" colspan="2">cellule 2</td>
<td class=>cellule 2</td>
<td class="thirty">cellule 2</td>
</tr>
<tr>
<td class="seventy" colspan="2">cellule 3</td>
<td >cellule 2</td>
<td class="thirty">cellule 2</td>
</tr>
// alert('Hello world!');
{"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