Created
February 14, 2015 14:46
-
-
Save tacitochaves/a23ceef6641118a4a8a5 to your computer and use it in GitHub Desktop.
Criando uma grid na mão
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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