Code review grid
Last Updated: Oct 23 2012 19:14, Started by
danutz0501
, Oct 23 2012 19:14
·
0
#1
Posted 23 October 2012 - 19:14
Salut, apelez si eu la cunostintele voastre. Dupa o perioada de facut situri de proba, si diferite proiecte minuscule, am ajuns la concluzia ca un grid sistem e un "lucru" bun sa il ai. Apelez si eu la cunostintele voastre sa imi spuneti daca e ceva bine sau e rau, gandind ca voi ati lucrat "n" proiecte(situri) pt diversi clienti si v-ati lovit de diferite nevoi in a face un layout.
@charset "utf-8"; /* CSS Document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; /* Pt IE */ text-align:center; } /************ grid ***************************************************************************************/ .all{ width:100%; margin:0px auto; position:relative; text-align:left; border:0px; outline:0px; overflow:hidden; z-index:1; } .g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16, .g17, .g18, .g19, .g20, .alpha, .omega{ margin:0px; padding:0px; display:inline; float:left; min-height:1px; border:0px; outline:0px; z-index:2; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .g1{width:5%;} .g2{width:10%;} .g3{width:15%;} .g4{width:20%;} .g5{width:25%;} .g6{width:30%;} .g7{width:35%;} .g8{width:40%;} .g9{width:45%;} .g10{width:50%;} .g11{width:55%;} .g12{width:60%;} .g13{width:65%;} .g14{width:70%;} .g15{width:75%;} .g16{width:80%;} .g17{width:85%;} .g18{width:90%;} .g19{width:95%;} .g20{width:100%;} .g1-8{width:12.5%;} .g1-3{width:33.33%;} .g2-3{width:66.33%;} .r2{margin-left:5%;} .r3{margin-left:10%;} .r4{margin-left:15%;} .r5{margin-left:20%;} .r6{margin-left:25%;} .r7{margin-left:30%;} .r8{margin-left:35%;} .r9{margin-left:40%;} .r10{margin-left:45%;} .r11{margin-left:50%;} .r12{margin-left:55%;} .r13{margin-left:60%;} .r14{margin-left:65%;} .r15{margin-left:70%;} .r16{margin-left:75%;} .r17{margin-left:80%;} .r18{margin-left:85%;} .r19{margin-left:90%;} .r20{margin-left:95%;} .alpha{ margin-left: 0; } .omega{ margin-right: 0; float:right; } /* =Clear Floated Elements --------------------------------------------------------------------------------*/ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear{ background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after{ clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .clearfix{ display: inline-block; } * html .clearfix{ height: 1%; } .clearfix{ display: block; }Imi cer scuze moderatorilor pt postul "kilometric" de cod Edited by danutz0501, 23 October 2012 - 19:19. |
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users