Changeset 208
- Timestamp:
- 10/20/06 14:53:49 (2 years ago)
- Files:
-
- sites/example/index2.htm (modified) (2 diffs)
- sites/example/www.example.local/screen.css (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
- Modified
- Copied
- Moved
sites/example/index2.htm
r207 r208 31 31 </head> 32 32 33 <body >34 <div id="p age">33 <body id="sitename" class="center"> 34 <div id="pg" class="t3"> 35 35 <div id="hd"> 36 36 HD 37 37 </div> 38 <div id="bd" >38 <div id="bd" class="t2"> 39 39 <div id="main"> 40 40 <div class="u"> … … 149 149 </div> 150 150 </div> 151 <div class="u"> 152 SUBCONTENT 153 </div> 151 152 <div class="g g2"> 153 <div class="u first"> 154 test test test test test test test test test test test test test test 155 </div> 156 <div class="g"> 157 <div class="u"> 158 test 159 </div> 160 <div class="u first"> 161 test2 162 </div> 163 </div> 164 </div> 165 154 166 <div class="u"> 155 SUBCONTENT 156 </div> 157 <div class="u navh navtop"> 158 <ul> 159 <li>AAA</li> 160 <li>BBB</li> 161 <li>CCC</li> 162 </ul> 167 SUBCO NTENT 168 </div> 169 170 <div id="nav2" class="totop1 navh"> 171 <div class="w" style="font-size: 10px; line-height:1"> 172 <ul> 173 <li>AAA</li> 174 <li>BBB</li> 175 <li>CCC</li> 176 <li>DDD</li> 177 <li>EEE</li> 178 <li>FFF</li> 179 <li>GGG</li> 180 <li>HHH</li> 181 <li>III</li> 182 <li>JJJ</li> 183 <li>KKK</li> 184 <li>LLL</li> 185 </ul> 186 </div> 187 </div> 188 189 <div id="nav1" class="totop2 navh" style="width: 47.35%; margin-left:25%"> 190 <div class="w"> 191 <ul> 192 <li>AAA</li> 193 <li>BBB</li> 194 <li>CCC</li> 195 <li>DDD</li> 196 <li>EEE</li> 197 <li>FFF</li> 198 <li>GGG</li> 199 <li>HHH</li> 200 <li>III</li> 201 <li>JJJ</li> 202 <li>KKK</li> 203 <li>LLL</li> 204 </ul> 205 </div> 206 </div> 207 208 209 <div id="sub1" class="totop2" style="width:27.65%; margin-left:72.35%"> 210 <div class="w"> 211 <div class="g g2"> 212 <div class="u"> 213 te stte stte test 214 </div> 215 <div class="u first"> 216 test2 217 </div> 218 </div> 219 </div> 220 221 </div> 222 223 <div id="sub2" class="totop2" style="width:25%;"> 224 <div class="w"> 225 <div class="u"> 226 patatras 227 </div> 228 229 </div> 230 163 231 </div> 164 232 sites/example/www.example.local/screen.css
r207 r208 18 18 19 19 /*DEV*/ 20 body { background: gray; } 21 #hd,#bd,#ft { background: white } 22 .g { background: yellow;/* border-bottom: 3px double black; */ } 23 .u { background: #cc00ff; /*border-top: 3px double; border-bottom: 3px double; margin-top: 3px; */ } 24 .u.first { background: #ff0066 } 25 .u ul { background: white;} 26 #hd { background: red; height: 100px; } 27 /* .u>.u { margin-top: 3px; background: #9999cc } 20 body { background: gray;} 21 #bd { background: white } 22 .g { background: yellow;} 23 .u { background: #cc00ff;} 24 .u.first { background: #ff0066 } 25 ul { background: #ccffcc;} 26 #hd, #ft { background: #ff6699; height: 100px; } 27 28 /*no margin collapse*/ 29 .u { padding: 1px 0;} 28 30 29 31 /*grids*/ 30 .g { width: 100%; float: right;} 31 .g>.u { width: 49.5%; float: right; *overflow-x: hidden; margin-left: 1%;} 32 .first, 33 .g>.first { float: left; margin-left: 0;} 34 .g>.g { width: 49.5%; *overflow-x: hidden;} 32 #pg .g { width: 100%; } 33 #bd .g { float: left; margin-left: 0;} 34 #main .g, 35 #pg .g .g { float: right;} 36 #pg .g>.u { width: 49.5%; float: right; *overflow-x: hidden; margin-left: 1%;} 37 #pg .first, 38 #pg .g>.first { float: left; margin-left: 0;} 39 #pg .g>.g { width: 49.5%; *overflow-x: hidden;} 35 40 36 41 /*grids variants*/ 37 .g1>.u,38 .g1>.g{ width: 24.5%; }39 .g1>.first { width: 74.5%; }40 .g2>.u,41 .g2>.g{ width: 74.5%; }42 .g2>.first { width: 24.5%; }42 #pg .g1>.u, 43 #pg .g1>.g { width: 24.5%; } 44 #pg .g1>.first { width: 74.5%; } 45 #pg .g2>.u, 46 #pg .g2>.g { width: 74.5%; } 47 #pg .g2>.first { width: 24.5%; } 43 48 44 49 /*cols-equal*/ 45 .g>.u, .g>.g { padding-bottom: 10000px; margin-bottom: -10000px;}50 .g>.u, .g>.g { padding-bottom: 10000px; margin-bottom: -10000px;} 46 51 #main, 47 .g { overflow: hidden;} 48 #main { float:left; width: 100%; } 52 .g { overflow: hidden;} 49 53 50 /* navtop*/51 #bd { position: relative; *height: 1%;}54 /**/ 55 #bd { position: relative; *height: 1%;} 52 56 #bd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} 53 .navtop { position: absolute; top: 0; left:0; width: 100%; *clear: both; margin: 0; padding: 0;}54 .navtop ul { list-style: none; margin: 0; padding: 0; }55 .navtop ul { position: absolute; bottom: 0; width: 100%; }56 57 57 /*default nav styling*/ 58 .navh ul { list-style: none; margin: 0; padding: 0;} 59 .navh ul { float: left; width: 100%;} 60 .navh li { float: left; margin-right: 5px; } 58 .totop1, 59 .totop2 { position: absolute; top: 0; left:0; width: 100%; *clear: both; margin: 0; padding: 0;} 60 61 .totop2 .w { list-style: none; margin: 0; padding: 0;} 62 .totop2 .w { position: absolute; bottom: 0; width: 100%;} 63 64 .navh ul { list-style: none; margin: 0; padding: 0;} 65 .navh ul { float: left; width: 100%;} 66 .navh li { float: left; margin-right: 5px;} 61 67 62 68 /*LAB*/ 63 #page { width: 46.875em; max-width: 100%; min-width:750px; margin: auto } 69 #pg.t1 {} 70 #pg.t2 { width: 46.875em; max-width: 100%; min-width:750px; margin: auto } 71 #pg.t3 { width:750px; margin: auto } 72 73 #bd.t1 {} 74 #bd.t2 #main { float: right; width: 75%;} 75 #bd.t2>.u, 76 #bd.t2>.g { width: 24.5%; float: left;} 77 #bd.t3 #main { float: left; width: 75%;} 78 #bd.t3>.u, 79 #bd.t3>.g { width: 24.5%; float: right;} 80 81 /*PROJECT*/ 82 #bd { margin-top: 1em;} 83 .totop1, 84 .totop2 { margin-top: -1em;} 85
