- 4 KOLONLU CSS TASARIM,2 KOLONLU,3 KOLONLU,TAM SAYFA

4 KOLONLU CSS TASARIM,2 KOLONLU,3 KOLONLU,TAM SAYFA

" COLLEGE " (Por KateKo.es.tl)

TASARIMIN ÜSTÜNE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML  1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"  lang="en"> <head> <FCK:meta http-equiv="Content-Type"  content="text/html; charset=utf-8" /> <title>College  Music</title> <link rel="stylesheet" href="style.css"  type="text/css" charset="utf-8" /> </head> <body> <div  id="wrapper">   <div id="header">     <div>        <p><a href="http://www.kateko.es.tl"  _fcksavedurl="http://www.kateko.es.tl">Plantilla de  KATEKO.ES.TL</a> ESCRIBE LO QUE DESEES AQUÍ</p>       <p  class="more"><a href="http://www.kateko.es.tl"  _fcksavedurl="http://www.kateko.es.tl"><img  src="https://img.webme.com/pic/k/kateko/cllmore_red.jpg"  _fcksavedurl="https://img.webme.com/pic/k/kateko/cllmore_red.jpg"  width="71" height="14" alt="More" /></a></p>      </div>   </div>   <div id="nav"> <a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu</a><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu</a> <a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu</a><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu</a> <a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu</a><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu</a><a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Menu</a></div>     <div id="body">     <div id="body-top">       <div  id="body-bot">         <div id="about-box">

TASARIMIN ALTINA

</div>         <div  id="express-box">           <h2><b>Express</b>  Learning</h2>           <img  src="https://img.webme.com/pic/k/kateko/bannerweb.png"  _fcksavedurl="https://img.webme.com/pic/k/kateko/bannerweb.png"  width="112" height="92" alt="Pic 2" class="left" />            <p>If you're looking for beautiful and professionally made  templates you can find them at <a href="http://www.kateko.es.tl"  _fcksavedurl="http://www.kateko.es.tl">KATEKO.ES.TL</a>.</p>             <p>Even more websites all about website templates on  <a href="http://www.justwebtemplates.com"  _fcksavedurl="http://www.justwebtemplates.com">Just Web  Templates</a>.</p>           <div class="narrow-text">              <p><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">It is a long</a>  established fact that a reader will be distracted by the readable  content of a page when looking at its layout.</p>              <p><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">The point of using</a>  Lorem Ipsum is that it has a more-or-less normal distribution of  letters...</p>            </div>           <p  class="more"><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/"><img  src="https://img.webme.com/pic/k/kateko/cllmore.gif"  _fcksavedurl="https://img.webme.com/pic/k/kateko/cllmore.gif" width="68"  height="14" alt="More" /></a></p>         </div>          <div class="clear"></div>       </div>      </div>   </div>   <div id="foot">     <div  id="foot-top">        <div id="foot-bot">         <div  id="what-box">           <h2><b>What</b> we  offer</h2>           <img  src="https://img.webme.com/pic/k/kateko/cllpic_3.jpg"  _fcksavedurl="https://img.webme.com/pic/k/kateko/cllpic_3.jpg" width="86"  height="77" alt="Pic 3" class="left" />           <ul>              <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Lorem ipsum</a> dolor  sit amet, consectetuer adipiscing elit.</li>               <li>Cras semper erat ut mi. </li>              <li>Proin lobortis ipsum ac erat. </li>              <li>Morbi nec enim vitae est posuere luctus.</li>            </ul>         </div>         <div id="news-box">            <h2><b>News</b> & events</h2>             <img src="https://img.webme.com/pic/k/kateko/cllpic_4.jpg"  _fcksavedurl="https://img.webme.com/pic/k/kateko/cllpic_4.jpg" width="86"  height="77" alt="Pic 4" class="left" />           <ul>              <li><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">XXX</a> scelerisque  consequat libero. </li>           </ul>           <p  class="more clear"><a href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/"><img  src="https://img.webme.com/pic/k/kateko/cllmore.gif"  _fcksavedurl="https://img.webme.com/pic/k/kateko/cllmore.gif" width="68"  height="14" alt="More" /></a></p>          </div>          <div class="clear"></div>       </div>      </div>   </div>   <div id="footer">     <p>©  2006 Tu Web AQUI. Todos los Derechos Reservados | <a  href="http://www.kateko.es.tl/"  _fcksavedurl="http://www.kateko.es.tl/">Plantilla Gracias a  KATEKO.ES.TL</a></p>    </div> </div>  </body> </html>

CSS-BÖLÜMÜ

table {margin-left:auto;margin-right:auto;}    #pre_header {display: none;} #post_header {display: none;}  #header_container {display: none;} lli.nav_element{display: none;}  li.nav_element a{display: none;} h1#title{display: none;} h2#title span  {display: none;} #nav_container {display:none;}   html {     margin: 0;      padding: 0; } body {     background: #CDC2B3  url(https://img.webme.com/pic/k/kateko/cllbg.gif);     text-align:  center;     color: #5F3E2F;     font: 11px verdana, sans-serif;      margin: 0px;     padding: 20px 0px 20px 0px; } a {     color: #5F3E2F;      font-weight: bold;     text-decoration: none; } a:hover {     color:  #1D110B;     text-decoration: underline; } img {     border: 0px; }  #wrapper {     width: 778px;     margin: auto;     text-align: left; }  #header p {     font-size:18px;     font-style:italic;      color:#FFFFFF;     font-family:Georgia, "Times New Roman", Times, serif;  } #header p.more {     padding-right: 22px; } #header {     height:  320px;     background:  url(https://img.webme.com/pic/k/kateko/cllheader.jpg) no-repeat; }  #header div {     padding: 183px 213px 0px 82px; } #header p {      margin: 0px;     padding: 0px; } #header a {     color:#FFFFFF; } #nav {      width: 740px;     height:48px;     margin: 0px 0px 0px 20px;      background-image:url(https://img.webme.com/pic/k/kateko/cllnav.gif);      background-repeat:no-repeat;     display:inline;     float:left;      }  #nav a {     font-size:18px;     font-style:italic;     color:#260403;      font-family:Georgia, "Times New Roman", Times, serif;     margin:  12px 0px 10px 0px;     padding: 0px 20px 0px 20px;     display:inline;      float:left;     border-right-width: 2px;     border-right-style:  inset;     border-right-color: #76644f; } #nav a:hover {      color:#862e06;     text-decoration:none; } .lastchild {      border-right: none 0px !important; } #body {     background:  url(https://img.webme.com/pic/k/kateko/cllbody_bg.gif) repeat-y;      clear: both;     width: 100%; } #body-top {     background:  url(https://img.webme.com/pic/k/kateko/cllbody_top.gif) no-repeat; }  #body-bot {     background: bottom  url(https://img.webme.com/pic/k/kateko/cllbody_bot.gif) no-repeat;      padding: 21px 25px 15px 42px; } #about-box {     float: left;     width:  315px; } #about-box ul {     margin-left: 8px; } #express-box {      float: right;     width: 327px; } #foot {     width: 738px;      margin-left: 20px;     background:  url(https://img.webme.com/pic/k/kateko/cllfoot_bg.gif) repeat-y; }  #foot-top {     background:  url(https://img.webme.com/pic/k/kateko/cllfoot_top.jpg) no-repeat; }  #foot-bot {     background: bottom  url(https://img.webme.com/pic/k/kateko/cllfoot_bot.gif) no-repeat;      padding: 13px 21px 12px 28px; } #what-box {     float: left;     width:  332px; } #what-box img.left {     margin-left: 10px; } #what-box ul {      float: left;     margin-left: 2px;     width: 184px; } #news-box {      float: right;     width: 316px; } #news-box ul {     float: left;      margin-left: 2px;     width: 184px; } #footer {     margin: 14px;      text-align: center; } h2 {     margin: 0px;     padding: 0px 0px 10px  0px;     font:Arial, Helvetica, sans-serif;     font-size:20px;      font-style:italic;      color:#862e06; } h2 b{     color:#341c12; }  ul {      margin: 0px;     padding: 0px; } li {     margin: 0px;     padding:  0px 0px 5px 20px;     list-style: none;     background: 0px 3px  url(https://img.webme.com/pic/k/kateko/cllbullet.gif) no-repeat; } p {      margin-top: 0px;     margin-bottom: 10px; } div.narrow-text {      margin-right: 18px; } img.left {     float: left;     padding-right:  14px;     padding-bottom: 16px; } #body p.more {     padding-top: 6px; }  #news-box p.more {     padding-top: 0px;     margin-top: 0px; } p.more {      text-align: right; } .clear {     clear: both; }