İyi günler tam tarif edeyim , logoyu aşağı çektiğimde(footara yani ) transparan oluyor fakat yukarda yani eski logonun olduğu yere koyduğumda ise altı giri oluyor transaran olmuyor ...
Cssde bu
div.yazisiz-05 {
background-image: url("/images/yazisiz_05.png");
height: 66px;
left: 0;
position: absolute;
top: 33px;
width: 182px;
css.style ise
.genel {
background: none repeat scroll 0 0 #222222;
height: 153px;
margin: 0 auto 5px;
width: 548px;
}
.genel:hover {
background: none repeat scroll 0 0 #1B1B1B;
}
ul {
list-style-type: none;
}
.resim {
float: left;
padding: 13px 10px 0;
}
.resim img {
border: 7px solid #1B1B1B;
}
* h1 {
margin: 0;
padding: 0;
}
.icerik {
float: left;
font-family: Tahoma;
width: 372px;
}
.bosluk {
height: 15px;
}
.genel h1 {
color: #F88B00;
font-size: 13px;
margin: 0;
padding: 10px 0 0;
}
.genel h1 a {
color: #F88B00;
text-decoration: none;
}
.genel h1 a:hover {
text-decoration: underline;
}
.icerik p {
color: #6F726B;
font-size: 10px;
height: 80px;
margin: 0;
}
.icerik p a {
color: #6F726B;
text-decoration: none;
}
.icerik p a:hover {
text-decoration: underline;
}
.dizi_permalink {
clear: both;
height: 50px;
}
.dizi_permalik a:link {
color: #F88B00;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.dizi_permalik a:hover {
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}
.dizi_permalik a:visited {
color: #F88B00;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.dizi_permalik a:active {
color: #F88B00;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.altveri {
background: none repeat scroll 0 0 #121212;
clear: both;
height: 30px;
line-height: 30px;
}
.altveri div {
float: left;
height: 20px;
line-height: 20px;
padding: 7px 4px 0 7px;
}
.altveri div img {
float: left;
padding: 0;
}
.altveri span {
color: #F88B00;
display: block;
float: left;
font-size: 8px;
height: 30px;
line-height: 30px;
}
.altveri span font {
color: #6F726B;
font-size: 10px;
}
body {
background: none repeat scroll 0 0 #202020;
color: #FFFFFF;
font-family: "Arial,Helvetica,sans-serif",Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 0 auto;
padding: 0;
text-align: center;
width: 960px;
}
#govde {
background: none repeat scroll 0 0 #202020;
height: auto;
margin: 0 auto;
padding: 0;
text-align: left;
width: 960px;
}
#ustmenu {
background: url("resimler/ust-bg.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
height: 28px;
margin-top: 10px;
overflow: hidden;
padding: 0;
width: 960px;
}
#ustmenu a, #navbar a:visited {
font-size: 12px;
padding: 0 0 0 3px;
text-decoration: none;
}
#ustmenu a:hover {
text-decoration: underline;
}
#ustmenu p {
margin: 0 auto;
padding: 0 0 0 10px;
}
#ustmenusag a img {
border: medium none;
margin: 0;
padding: 0;
}
#ustmenusol {
float: left;
margin: 0;
padding: 8px 0;
width: 450px;
}
#ustmenusag {
float: right;
font-size: 12px;
margin: 0;
padding: 4px 0 6px;
width: 230px;
}
#ustmenu ul {
margin: 0;
padding: 0;
}
#ustmenu li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#ustmenu ul li a, #ustmenu ul li a:visited {
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 0 -3px 0 0;
padding: 8px 19px 6px 17px;
text-decoration: none;
}
#ustmenu ul li a:hover {
color: #FFFFFF;
margin: 0 -3px 0 0;
padding: 8px 19px 6px 17px;
text-decoration: none;
}
.current_page_item a, .current_page_item a:hover {
background: none repeat scroll 0 0 #FFFFFF !important;
color: #CC0000 !important;
}
#header {
background: none repeat scroll 0 0 #202020;
color: #000000;
float: left;
font-size: 11px;
height: 100px;
margin: 0;
overflow: hidden;
padding: 0;
width: 960px;
}
.logom {
border: 0 none;
float: left;
height: 90px;
margin-top: 5px;
padding: 0;
width: 220px;
}
.logom img {
border: medium none;
}
.no1 {
float: left;
height: 90px;
margin-left: 10px;
margin-top: 5px;
padding: 0;
width: 728px;
}
.no1 img {
border: medium none;
}
#ana-menu {
float: left;
height: 46px;
margin: 0 auto;
padding: 0;
width: 960px;
}
#menu {
background: url("resimler/menu-bg.png") no-repeat scroll 0 0 transparent;
float: left;
height: 35px;
margin: 0;
padding: 0;
width: 960px;
}
#menu ul {
list-style: none outside none;
margin: 0;
padding-left: 5px;
}
#menu li {
display: inline;
height: 45px;
}
#menu li a {
color: #FFFFFF;
display: block;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 35px;
padding-left: 0;
text-align: center;
text-decoration: none;
text-transform: none;
width: 120px;
}
#menu li a:hover {
background: url("resimler/menu-bg-a.png") repeat scroll 0 0 transparent;
}
#sol {
float: left;
height: auto;
margin-bottom: 10px;
margin-top: 10px;
overflow: hidden;
padding: 0;
width: 180px;
}
#sol h1 {
background: url("bg-tabtitle.gif") repeat-x scroll 0 0 transparent;
color: #FFFFFF;
font-size: 12px;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 2px 5px 0;
text-align: center;
}
.sol-menu {
background-color: #252525;
color: #FFFFFF;
float: left;
margin-bottom: 15px;
padding: 0 0 10px;
width: 180px;
}
.sol-menu ul {
margin: 0;
padding: 0;
}
.sol-menu li {
margin: 0;
padding: 0;
}
.istatistik ul li {
background: url("resimler/cizik.png") repeat-x scroll left bottom transparent;
color: #FFFFFF;
display: block;
margin: 0;
padding: 4px 7px 4px 10px;
text-decoration: none;
width: 180px;
}
.sol-menu li a {
background: url("resimler/cizik.png") repeat-x scroll left bottom transparent;
color: #FFFFFF;
display: block;
margin: 0;
padding: 4px 7px 4px 10px;
text-decoration: none;
width: 180px;
}
.sol-menu li a:hover {
color: #F88B00;
text-decoration: none;
}
#orta {
background-color: #202020;
float: left;
margin-left: 26px;
margin-top: 10px;
overflow: hidden;
padding: 0;
width: 548px;
}
#orta h1 {
background: url("resimler/orta-h1.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0;
text-align: center;
}
.orta-ici {
background-color: #252525;
float: left;
margin: 0;
padding-bottom: 10px;
width: 548px;
}
.kutu {
background-color: #202020;
border: 1px solid #4C4C4C;
float: left;
height: 106px;
margin-left: 8px;
margin-top: 10px;
overflow: hidden;
padding: 0;
width: 260px;
}
.kutu:hover {
border: 1px solid #F88B00;
}
.kutu-resim {
border: 3px solid #4C4C4C;
float: left;
height: 84px;
margin-left: 7px;
margin-top: 9px;
overflow: hidden;
padding: 0;
width: 94px;
}
.kutu-icerik {
background-color: #202020;
float: left;
font-size: 10px;
height: 85px;
margin-left: 4px;
margin-top: 6px;
overflow: hidden;
padding: 0;
width: 145px;
}
.kutu-icerik a {
color: #666666;
font-size: 9px;
text-decoration: none;
}
.kutu-icerik a:hover {
color: #FFFFFF;
font-size: 11px;
text-decoration: underline;
}
#sag {
float: left;
height: auto;
margin-bottom: 10px;
margin-left: 26px;
margin-top: 10px;
overflow: hidden;
padding: 0;
width: 180px;
}
#sag img {
border: medium none;
margin-top: 10px;
}
#sag h1 {
background: url("resimler/sidebar-h1-bg.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0;
text-align: center;
}
#sag h2 {
background: url("resimler/sidebar-h1-bg.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0;
text-align: center;
}
.sag-menu {
background-color: #252525;
color: #FFFFFF;
float: left;
margin-bottom: 15px;
padding: 0 0 10px;
width: 180px;
}
.sag-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sag-menu li {
margin: 0;
padding: 0;
}
.sag-menu li a {
background: url("arrow-menu.gif") no-repeat scroll 0 0 transparent;
color: #666666;
display: block;
font-size: 10px;
height: 14px;
margin: 0;
overflow: hidden;
padding: 0 10px;
text-decoration: none;
width: 160px;
}
.sag-menu li a:hover {
color: #F88B00;
text-decoration: none;
}
.yorumlar {
color: #FFFFFF;
float: left;
margin-bottom: 15px;
padding: 0 2px 5px 0;
width: 180px;
}
.yorumlar ul {
margin: 0;
padding: 0;
}
.yorumlar li {
color: #FFFFFF;
margin: 0;
padding-left: 2px;
}
.yorumlar li a {
background: url("arrow-menu.gif") no-repeat scroll 0 0 transparent;
color: #666666;
display: block;
height: 14px;
margin: 0;
overflow: hidden;
padding: 0 10px;
text-decoration: none;
width: 160px;
}
.yorumlar li a:hover {
color: #F88B00;
text-decoration: none;
}
#konu-ici {
float: left;
margin-bottom: 10px;
margin-top: 15px;
overflow: hidden;
padding: 0;
width: 560px;
}
#konu-ici h1 {
background: url("resimler/konu-ici-h1.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin: 0;
padding-left: 10px;
text-align: left;
}
#konu-ici object {
height: 400px;
width: 540px;
}
#konu-ici embed {
height: 400px;
width: 540px;
}
.video-alan {
background-color: #252525;
border-bottom: 1px solid #4C4C4C;
border-left: 1px solid #4C4C4C;
border-right: 1px solid #4C4C4C;
float: left;
margin-bottom: 10px;
overflow: hidden;
padding: 0;
width: 558px;
}
.video {
float: left;
font-size: 12px;
margin: 10px;
overflow: hidden;
padding: 0;
width: 540px;
}
.video img {
border: medium none;
}
.video a {
color: #6F726B;
text-decoration: none;
}
#paylas {
background-color: #252525;
border: 1px solid #4C4C4C;
float: left;
margin-bottom: 10px;
overflow: hidden;
padding-bottom: 5px;
padding-top: 5px;
width: 558px;
}
#paylas img {
border: medium none;
}
#konu-aciklama {
background-color: #252525;
border: 1px solid #4C4C4C;
float: left;
margin-bottom: 10px;
overflow: hidden;
padding: 5px;
width: 548px;
}
#konu-aciklama a {
color: #000000;
}
#yorumlar {
background-color: #252525;
border: 1px solid #4C4C4C;
float: left;
margin-bottom: 10px;
overflow: hidden;
padding: 5px;
width: 548px;
}
#single-sol {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 560px;
}
#single-sag {
float: right;
margin: 0;
overflow: hidden;
padding: 0;
width: 374px;
}
#diger-bolumler {
float: right;
margin-top: 15px;
padding: 0;
width: 374px;
}
#diger-bolumler h1 {
background: url("resimler/diger-bolumler-h1.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin: 0;
padding-left: 10px;
text-align: left;
}
.benzer-videolar {
background-color: #252525;
border-bottom: 1px solid #4C4C4C;
border-left: 1px solid #4C4C4C;
border-right: 1px solid #4C4C4C;
float: right;
margin-bottom: 10px;
overflow: hidden;
padding: 0 0 10px;
width: 372px;
}
.benzer-videolar ul {
margin: 0;
padding: 0;
}
.benzer-videolar li {
margin: 0;
padding: 0;
}
.benzer-videolar li a {
background: url("resimler/cizik-benzer.png") repeat-x scroll left bottom transparent;
color: #FFFFFF;
display: block;
margin: 0;
padding: 7px 0 7px 10px;
text-decoration: none;
width: 362px;
}
.benzer-videolar li a:hover {
background-color: #4C4C4C;
color: #F88B00;
text-decoration: none;
}
.benzer-kutu {
background-color: #202020;
border: 1px solid #4C4C4C;
float: left;
height: 106px;
margin-left: 10px;
margin-top: 10px;
overflow: hidden;
padding: 0;
width: 350px;
}
.benzer-kutu:hover {
border: 1px solid #F88B00;
}
.benzer-kutu-resim {
border: 3px solid #4C4C4C;
float: left;
height: 84px;
margin-left: 7px;
margin-top: 9px;
overflow: hidden;
padding: 0;
width: 94px;
}
.benzer-kutu-icerik {
background-color: #202020;
float: left;
font-size: 11px;
height: 90px;
margin-left: 4px;
margin-top: 6px;
overflow: hidden;
padding: 0;
width: 230px;
}
.benzer-kutu-icerik a {
color: #FFFFFF;
font-size: 11px;
text-decoration: none;
}
.benzer-kutu-icerik a:hover {
color: #FFFFFF;
font-size: 11px;
text-decoration: underline;
}
#searchdiv {
margin: 0;
padding: 0;
}
#searchform {
display: inline;
margin: 0;
overflow: hidden;
padding: 0;
}
#s {
background: none repeat scroll 0 0 #202020;
border: 1px solid #4C4C4C;
color: #FFFFFF;
display: inline;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 2px;
width: 180px;
}
#s2 {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CFCFCF;
color: #000000;
display: inline;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 3px;
width: 200px;
}
#sbutt {
background: none repeat scroll 0 0 #202020;
border: 1px solid #4C4C4C;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 0 0 0 5px;
padding: 1px;
}
.bulunamadi {
margin: 0;
padding: 10px;
text-align: center;
}
.yorum-top {
float: right;
height: 35px;
margin-bottom: 0;
padding-left: 0;
width: 560px;
}
.yorum-top h1 {
background: url("resimler/konu-ici-h1.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin: 0;
padding-left: 10px;
text-align: left;
}
#sayfala {
background: none repeat scroll 0 0 #252525;
color: #4C4C4C;
font-family: Arial;
font-size: 12px;
font-weight: bold;
margin: 50px 10px 5px 0;
padding: 2px 4px;
text-align: center;
}
#sayfala a {
background-color: #252525;
border: 1px solid #4C4C4C;
color: #4C4C4C;
margin: 2px;
padding: 2px 4px;
text-decoration: none;
}
#sayfala a:hover {
background-color: #4C4C4C;
border: 1px solid #F88B00;
color: #F88B00;
}
#sayfala a:active {
background-color: #4C4C4C;
border: 1px solid #4C4C4C;
color: #F88B00;
margin: 2px;
padding: 2px 4px;
text-decoration: none;
}
#footer {
background: url("resimler/footer-bg.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
float: left;
margin-bottom: 5px;
overflow: hidden;
width: 960px;
}
.footer-sol {
color: #FFFFFF;
float: left;
padding-bottom: 10px;
padding-left: 10px;
padding-top: 10px;
text-align: left;
width: 680px;
}
.footer-sol a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.footer-sol a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}
.footer-sag {
color: #FFFFFF;
float: right;
margin-top: 0;
padding-right: 10px;
padding-top: 30px;
text-align: right;
width: 260px;
}
.footer-sag img {
border: 0 none;
}
#part {
color: #F88B00;
float: left;
font-size: 12px;
font-weight: bold;
margin-left: 10px;
width: 530px;
}
#part a {
background: url("resimler/part-bg.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 28px;
margin: 0;
padding: 7px 5px 10px 4px;
text-decoration: none;
}
#part a:hover {
background: url("resimler/part-bg-a.png") no-repeat scroll 0 0 transparent;
color: #F88B00;
text-decoration: none;
}
#scroller-body {
background: none repeat scroll 0 0 #191919;
padding-bottom: 20px;
width: 247px;
}
#scroller-header a {
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
padding: 0 2px 5px 0;
text-decoration: none;
}
#scroller-header a:hover {
text-decoration: none;
}
#scroller-header a.selected {
background: url("arrow-menuactive.gif") no-repeat scroll center bottom transparent;
color: #F88B00 !important;
}
#scroller-header {
background: url("bg-tabtitle.gif") repeat-x scroll 0 0 transparent;
font-weight: 700;
height: 41px;
line-height: 41px;
padding: 0 0 0 5px;
width: 242px;
}
#mask {
margin: 0 auto;
overflow: hidden;
width: 247px;
}
#panel ul {
list-style: none outside none;
margin: 0 0 0 5px;
padding: 0;
}
#panel ul li {
background: url("arrow-menu.gif") no-repeat scroll 0 0 transparent;
height: 13px;
line-height: 13px;
padding: 0 0 0 10px;
width: 238px;
}
#panel ul li a {
color: #666666;
display: block;
font-family: "Verdana,Arial,Helvetica,sans-serif",Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
text-decoration: none;
}
#panel ul li a:hover {
color: #F88B00;
}
div.Table_01 {
height: 163px;
position: relative;
width: 961px;
}
div.yazisiz-01 {
background-image: url("/images/yazisiz_01.png");
height: 33px;
left: 0;
position: absolute;
top: 0;
width: 32px;
}
div.yazisiz-02 {
background-image: url("/images/yazisiz_02.png");
height: 33px;
left: 32px;
position: absolute;
top: 0;
width: 204px;
}
div.yazisiz-03 {
background-image: url("/images/yazisiz_03.png");
height: 33px;
left: 236px;
position: absolute;
top: 0;
width: 478px;
}
div.yazisiz-04 {
height: 33px;
left: 714px;
position: absolute;
top: 0;
width: 247px;
}
div.yazisiz-05 {
background-image: url("/images/yazisiz_05.png");
height: 66px;
left: 0;
position: absolute;
top: 33px;
width: 182px;
}
div.yazisiz-06 {
background-image: url("/images/yazisiz_06.png");
height: 88px;
left: 236px;
position: absolute;
top: 33px;
width: 725px;
}
div.yazisiz-07 {
background-image: url("/images/yazisiz_07.png");
height: 42px;
left: 0;
position: absolute;
top: 121px;
width: 116px;
}
div.yazisiz-08 {
background-image: url("/images/yazisiz_08.png");
height: 42px;
left: 116px;
position: absolute;
top: 121px;
width: 114px;
}
div.yazisiz-09 {
background-image: url("/images/yazisiz_09.png");
height: 42px;
left: 230px;
position: absolute;
top: 121px;
width: 100px;
}
div.yazisiz-10 {
background-image: url("/images/yazisiz_10.png");
height: 42px;
left: 330px;
position: absolute;
top: 121px;
width: 86px;
}
div.yazisiz-11 {
background-image: url("/images/yazisiz_11.png");
height: 42px;
left: 416px;
position: absolute;
top: 121px;
width: 74px;
}
div.yazisiz-12 {
background-image: url("/images/yazisiz_12.png");
height: 42px;
left: 490px;
position: absolute;
top: 121px;
width: 66px;
}
div.yazisiz-13 {
background-image: url("/images/yazisiz_13.png");
height: 42px;
left: 556px;
position: absolute;
top: 121px;
width: 61px;
}
div.yazisiz-14 {
background-image: url("/images/yazisiz_14.png");
height: 42px;
left: 617px;
position: absolute;
top: 121px;
width: 97px;
}
div.yazisiz-15 {
background-image: url("/images/yazisiz_15.png");
height: 42px;
left: 714px;
position: absolute;
top: 121px;
width: 128px;
}
div.yazisiz-16 {
background-image: url("/images/yazisiz_16.png");
height: 42px;
left: 842px;
position: absolute;
top: 121px;
width: 119px;
}
.dizistar_tarih {
color: #FBA308;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 30px;
margin: 2px;
padding: 0;
text-align: center;
}
.dizistar_txt {
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 30px;
margin: 2px;
padding: 0;
text-align: center;
}
.Table_arama {
height: 33px;
left: 0;
position: absolute;
top: 0;
width: 247px;
}
.arama-1 {
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 247px;
}
.arama2 {
height: 23px;
left: 0;
position: absolute;
top: 5px;
width: 41px;
}
.arama3 {
background-image: url("images/arama3.jpg");
font-weight: bold;
height: 23px;
left: 41px;
position: absolute;
top: 5px;
width: 162px;
}
.arama4 {
height: 23px;
left: 203px;
position: absolute;
top: 5px;
width: 35px;
}
.arama5 {
background-image: url("images/arama5.jpg");
height: 23px;
left: 238px;
position: absolute;
top: 5px;
width: 9px;
}
.arama6 {
background: url("images/arama6.jpg") repeat scroll 0 0 transparent;
height: 5px;
left: 0;
position: absolute;
top: 28px;
width: 247px;
}