Skip to content

Instantly share code, notes, and snippets.

@tacitochaves

tacitochaves/grid.html

Created February 14, 2015 14:46
Show Gist options
  • Save tacitochaves/a23ceef6641118a4a8a5 to your computer and use it in GitHub Desktop.
Save tacitochaves/a23ceef6641118a4a8a5 to your computer and use it in GitHub Desktop.
Download ZIP
Criando uma grid na mão
Raw
grid.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Exemplo de GRID na mão</title>
<style>
* {
margin: 0;
padding: 0;
}
table {
border: 1px solid #999999;
padding: 15px;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
table th label {
font-family: Verdana, Arial;
font-size: 12px;
color: red;
padding: 2px;
}
table th {
border: 1px solid #999999;
}
.centralizar {
text-align: center;
}
input {
border: 1px solid #999999;
padding: 5px;
margin-top: 2px;
margin-right: auto;
margin-left: auto;
}
</style>
</head>
<body>
<table>
<tr>
<th><label>Descrição do(s) Produto(s)</label></th>
<td></td><td></td>
<th><label>Quantidade</label></th>
<th><label>Valor Unitário (R$)</label></th>
<th><label>Sub Total (R$)</label></th>
</tr>
<tr>
<td width="70%"><input size="90" value="MELANCIA"></td>
<td><input type="button" value="e"></td>
<td><input type="button" value="r"></td>
<td><input class="centralizar" size="9" value="5"></td>
<td><input class="centralizar" size="9" value="1,5"></td>
<td><input class="centralizar" size="9" value="8,00"></td>
</tr>
<tr>
<td width="70%"><input size="90" value="PÃO DE QUEIJO"></td>
<td><input type="button" value="e"></td>
<td><input type="button" value="r"></td>
<td><input class="centralizar" size="9" value="20"></td>
<td><input class="centralizar" size="9" value="3,00"></td>
<td><input class="centralizar" size="9" value="60,00"></td>
</tr>
<tr>
<td width="70%"><input size="90" value="VASSOURA DE CABELO"></td>
<td><input type="button" value="e"></td>
<td><input type="button" value="r"></td>
<td><input class="centralizar" size="9" value="1"></td>
<td><input class="centralizar" size="9" value="5,00"></td>
<td><input class="centralizar" size="9" value="5,00"></td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment