Css Kodu Ayırmada Sorun Yaşıyorum

Merhaba Şu Css Tasarımını Tasarımın Üstüne Tasarımın Altına Css Koduna
Olarak Ayarlıcak Varmı lütfen Çok Lazım


Kod:





<!--
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/* Css document by Svein Erik Storkaas - CssTemplatesWeb.com | 2008 */

* {
padding: 0;
margin: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
background-image:url(http://img522.imageshack.us/img522/224/bgtilecc3.gif);
background-repeat:repeat;
}
#wrapper {
width: 782px;
margin: 0 auto;
}
#border {
border: 1px solid #8ECE5F;
margin: 20px 0px 5px 0px;
background-color: #fffffe;
min-height: 776px;
float: right;
width: 780px;
}
* html #border {height:776px} /* IE Min-Height Hack */

#header {
margin: 6px 5px 3px 5px;
background-image:url(http://img522.imageshack.us/img522/9375/headerjj4.jpg);
background-repeat:no-repeat;
height:140px;
}

#headertext
{
width:180px;
height:40px;
font-family:"Trebuchet MS";
font-size:33px;
color:#71c15c;
margin:50px 0px 0px 50px;
float:left;
clear:none;
}

#headertextsmall
{
width:250px;
height:30px;
font-family:"Trebuchet MS";
font-size:20px;
color:#fff;
padding-right:50px;
padding-top:60px;
float:right;

}

/* ------------------------ Start Navigation Bar -----------------*/
#topmenu
{
height:46px;
width: 770px;
padding-left:5px;
background-repeat:no-repeat;
}

/*MEUNU*/
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://img522.imageshack.us/img522/661/menugbgaw4.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}

.glossymenu li{
float:left;
}

.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}

.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://img380.imageshack.us/img380/3492/menughoverleftks0.gif) no-repeat; /*left tab image path*/
background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{

background: url(http://img380.imageshack.us/img380/8062/menughoverrightlc4.gif) no-repeat right top; /*right tab image path*/
}

/* ------------------------ End Navigation Bar -----------------*/


/* ------------------------ Start Images -----------------*/
img {
display: inline;
border: none;
}
img.block {
display: block;
}
img.float {
float: left;
margin: 0px 14px 10px 0px;
}
/* ------------------------ End Images -----------------*/


/* ------------------------ Start Main Columns -----------------*/
#leftcolumn { /* Parent Wrapper for inside boxes */
margin: 6px 0px 0px 4px;
display: inline; /* IE Hack */
width: 240px;
float: left;
background-image:url(http://img522.imageshack.us/img522/4285/searchboxug5.gif);
background-repeat: no-repeat;
min-height: 300px;
padding: 0;

}
* html #leftcolumn {height:300px} /* IE Min-Height Hack */

.leftcolumn-inner { /* Parent Wrapper for inside boxes */
display: inline; /* IE Hack */
width: 220px;
float: left;
background-image:url(http://img522.imageshack.us/img522/4285/searchboxug5.gif);
background-repeat: no-repeat;
min-height: 40px;
padding: 10px;
margin-bottom: 7px;
}
* html .leftcolumn-inner {height:40px} /* IE Min-Height Hack */

.in-the-news { /* Parent Wrapper for inside boxes */
display: inline; /* IE Hack */
width: 235px;
float: left;
min-height: 125px;
margin-bottom: 7px;
}
* html .in-the-news {height:125px} /* IE Min-Height Hack */


#rightcolumn {
/* border: 1px solid red;*/
margin: 6px 0px 0px 0px;
display: inline; /* IE Hack */
width: 513px;
float: left;
min-height: 300px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */

#highlightnews {
background-image:url(images/highlightnews.jpg);
height:auto;
background-repeat: no-repeat;
text-align: left;
padding: 17px 10px 10px 13px;
display: inline; /* IE Hack */
float: left;
width: 510px;
}


#highlightnews img
{
float:left;
padding-right:10px;
}

* html .sponsor {height:80px} /* IE Min-Height Hack */

.maincontent {
min-height: 80px;
display: inline; /* IE Hack */
float: left;
margin-bottom: 7px;
width: 530px;
}
* html .maincontent {height:80px} /* IE Min-Height Hack */

.content-mid {
background-image:url(http://img522.imageshack.us/img522/4193/contentmidbj1.gif);
background-repeat: repeat;
padding: 5px 14px 5px 14px;
}
.content-mid img
{
float:left;
margin:3px 10px 14px 0px;
}
.left-mid {
background-image:url(http://img522.imageshack.us/img522/1161/leftmidlx6.gif);
background-repeat: repeat;
padding: 5px 14px 10px 14px;
}
.randompicture
{
background-image:url(http://img522.imageshack.us/img522/1161/leftmidlx6.gif);
background-repeat: repeat;
text-align:center;
padding:5px 0px 5px 0px;
overflow:hidden;
}

.left-heading {
background-image:url(http://img522.imageshack.us/img522/5918/leftheadingbc9.gif);
background-repeat: no-repeat;
padding: 9px 14px 5px 10px;
}
.left-heading h3
{
font-size: 16px;
color: #fff;
min-height: 11px;
font-weight: bold;
}

* html .left-heading {height:11px} /* IE Min-Height Hack */
/* ------------------------ End Main Columns -----------------*/

/* ------------------------- Start Headings ---------------------*/
h1 {
font-size: 16px;
color: #72C236;
}
/* ------------------------- End Headings ---------------------*/

input {
border: 1px solid #8ECE5F;
width: 200px;
}



#footer {
font-size: 10px;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
text-align:center;
}


ul#daily-links li {
list-style: none;
margin-left: 2px;
}
ul#nav-links li {
display: inline;
margin-left: 0px;
padding-left: 12px;

}

ul#daily-links li a:link{
color: #333;
text-decoration: none;
font-weight: bold;
}
ul#daily-links li a:visited{
color: #333;
text-decoration: none;
font-weight: bold;
}
ul#daily-links li a:hover{
color: #999;
text-decoration: none;
font-weight: bold;
}




a:link {
color: #006600;
text-decoration: none;
}
a:visited {
color: #006600;
text-decoration: none;
}

.valid {
margin: 10px 0px 0px 10px;
} //-->
</style>
</head>
<body id="hpb_cssonly">
<table height="27">

<tr>
<td height="27" valign="middle">
<span style="font-size: 14px; color:#c2c9c9; font-family: Arial, Helvetica, Verdana, sans-serif;"><a href="http://www.bedava-sitem.com/klick.php?c=112&t=1307" style="font-size: 14px; color:#c2c9c9; font-family: Arial, Helvetica, Verdana, sans-serif;" target="_blank">Türkiye'nin Yeni Facebook'u <img src="http://img.webme.com/images/ads/New_icons_21.gif" border="0"></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://www.bedava-sitem.com/klick.php?c=102&t=1170" style="font-size: 14px; color:#c2c9c9; font-family: Arial, Helvetica, Verdana, sans-serif;" target="_blank">En büyük türk web tarayıcısı oyunu! <img src="http://img.webme.com/images/ads/Welt.gif" border="0">
</a></span> </td>
</tr>

</table><body>
<div id="wrapper">

<!-- Start Border-->
<div id="border">

<!-- Start Header -->
<div id="header"> </div>

<!-- End Header -->

<!-- Start Navigation Bar -->
<div id="topmenu">

<ul class="glossymenu">
<li class="current"><a href="index.htm"><b>Anasayfa</b></a></li>
<li><a href="http://portalive.tr.gg/Toplist.htm"><b>Toplist</b></a></li>
<li><a href="http://portalive.tr.gg/Forum/index.htm"><b>Forum</b></a></li>
<li><a href="http://portalive.tr.gg/iletisim.htm"><b>İletişim</b></a></li>
<li><a href="http://portalive.tr.gg/Ziyaretci-Defteri.htm"><b>Z.Defteri</b></a></li>
<li><a href="#"><b>Hakkımızda</b></a></li>

</ul>


</div>

<!-- End Navigation Bar -->

<!-- Start Left Column -->
<div id="leftcolumn">

<!-- Start Box -->
<div class="in-the-news">
<div class="left-heading">
<h3>Menü</h3>

</div>

<div class="left-mid">
<p><a href="/index.htm" title="Anasayfa"><img src="http://www.famfamfam.com/lab/icons/mini/icons/icon_home.gif">Anasayfa</a></p>
<p><a href="/PortaLive-Facebook.htm" title="Facebook"><img src="http://www.famfamfam.com/lab/icons/mini/icons/application_flash.gif">Facebook</a></p>
<p><a href="/PortaLive-Msn-Nickleri.htm" title="Msn Nickleri"><img src="http://www.famfamfam.com/lab/icons/mini/icons/action_go.gif">Msn Nickleri</a></p>
<p><a href="/PortaLive-Sevgi.htm" title="Sevgi"><img src="http://www.famfamfam.com/lab/icons/mini/icons/arrow_right.gif">Sevgi</a></p>
<p><a href="/PortaLive-Gizli-ilimler.htm" title="Gizli İlimler"><img src="http://www.famfamfam.com/lab/icons/mini/icons/icon_user.gif">İlimler</a></p>
<p><a href="/PortaLive-internet-Terimleri.htm" title="İnternet Terimleri"><img src="http://www.famfamfam.com/lab/icons/mini/icons/icon_world.gif">İnternet Terimleri</a></p>
<p><a href="/PortaLive-Roportaj.htm" title="Röportaj"><img src="http://www.famfamfam.com/lab/icons/mini/icons/comment_yellow.gif">Röportaj</a></p>

<p><a href="/PortaLive-Css-Tasarimlar-Yeni.htm" title="CSS Tasarımlar"><img src="http://www.famfamfam.com/lab/icons/mini/icons/action_forward.gif">CSS Tasarımlar</a></p>


</div>
<img src="http://www.opendesigns.org/designs/1358/images/left-bottom.gif" class="block" alt="" />
</div>
<!-- End Box -->

<!-- Start Box -->
<div class="in-the-news">
<div class="left-heading">

<h3>İstatistik</h3>
</div>

<div class="left-mid">
<p><b><font color="gray">Bugün :</font></b> 9 </p>
<p><b><font color="gray">Tıklama :</font></b> 18 </p>
<p><b><font color="gray">Online :</font></b> <SCRIPT src="http://fastonlineusers.com/online.php?d=http://portalive.tr.gg"></SCRIPT> </p>

<p><b><font color="gray">IP :</font></b> 92.45.229.150 </p>
</div>
<img src="http://www.opendesigns.org/designs/1358/images/left-bottom.gif" class="block" alt="" />
</div>
<!-- End Box -->



</div>
<!-- End Left Column -->

<!-- Start Right Column -->

<div id="rightcolumn"> <div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span>7-B ANASAYFA</span></h1></div>
<div id="post_header"></div>
</div>
<div id="nav_container">
<h2 id="nav_heading"><span></span></h2>

<ul id="nav">
<li class="nav_element checked_menu" id="nav_AnaSayfa">
<a href="/Ana-Sayfa.htm" class="menu"><span>Ana Sayfa</span></a></li>
<li class="nav_element" id="nav_HaberlerotomatikGncelleniyor">
<a href="/Haberler-k1-otomatik-G.ue.ncelleniyor-k2-.htm" class="menu"><span>Haberler(otomatik Güncelleniyor)</span></a></li>
</ul>
</div>
<div id="content_container">
<div id="pre_content"></div>

<div id="content">
<h2 id="title"><span>Ana Sayfa</span></h2>
<strong><font color="#ff0000">Forum:<br />
</font>Forum Herhangi Bir Konu Uzerinde Acilan Paylasim Sitesidir...<br />
</strong><font color="#ff0000"><strong>Forumların Amacı:<br />
</strong><font color="#000000"><strong>Genel Olarak Bilgi Veren Paylasim Sitesi...<br />
<span style="color: rgb(255,0,0)">7-B </span></strong><font color="#ff0000"><strong>Sitesinin Amacı:<br />

</strong><font color="#000000"><strong>Her Hafta Yeni Konular Eklencek...</strong><font color="#ff0000"><strong>&Ouml;rn:</strong><font color="#000000"><strong>Şiirler,Fıkralar,Komik Yazılar,Duvar Yazıları vb.<br />
<br />
Umarım Sitemizi Beğenirsiniz...<br />
<br />
&szlig;y.XxcanxX&nbsp;<br />

iLetişim:<br />
mSn: <a href="mailto:hackers_xxcanxx( at )hotmail.com">hackers_xxcanxx( at )hotmail.com</a><br />
aDreste verimm mi ? </strong></font></font></font></font></font><br />
</font> </div>
<div id="counter"><span>Bugün 9 ziyaretçi (18 klik) kişi burdaydı!</span></div>
<div id="post_content"></div>

<div id="sidebar_container">
<h2 id="sidebar_heading"><span></span></h2>
<div id="sidebar_content"></div>
</div>
</div>
</div>
<!-- Start Highlight Box -->
<div id="highlightnews"> </div>

<!-- End Main Content -->

<!-- Start Main Content -->
<div class="maincontent">
</div>



</div>
<!-- End Main Content -->


</div>
<!-- End Right Column -->

</div>

<!-- End Border -->

<!-- Start Footer -->
<div id="footer">
Tüm Hakları Saklıdır! © 2009
</div>
<!-- End Footer -->



</body>

</html>
<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=eskikoyeyeniadet&auth1=df1e38e7526518d02c3735d4faac09b3&auth2=e23d8d766baacc67e8ec06a52e5f5943&auth3=7f9a3e20388dcd98a384c44957fb03a4&auth4=8078bf96b98ab99fb332f460ced22799&auth5=e4a6fe8a14912b6f92836476272df9b8&mode=track" style="display:none;width:1px;height:1px;"></iframe>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>
<script type="text/javascript">
_uacct = "UA-2594508-11";
urchinTracker();
</script> <div id="extraDiv1"><span></span></div>
<div id="extraDiv2"><span></span></div>
<div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div>
<div id="extraDiv5"><span></span></div>

<div id="extraDiv6"><span></span></div>
</body>
</html>