header altında boşluk oluştu?
5
●847
- 05-02-2013, 22:52:27Üyeliği durdurulduheader genel divindeSaLeh adlı üyeden alıntı: mesajı görüntüle
margin-bottom : 0px;
uygularmısınız 0px i -10px yada 10px şeklinde düzenleyerek ayarlayabilirsiniz.Sonucu yazarsanız sevinirim. - 05-02-2013, 23:02:05anasayfada sıkıntı yok. Kategori içerisine girdiğimde sayfa yapısı bozuluyor ve header altında bosluk cıkıyor. Kodlar:
<div id="tasiyici-genis">
<div id="tasiyici">
<!-- [+] SAĞ -->
<div id="tasiyici-sag">
<div id="kategori">
<h2 title="{$kategori.kategori}"><strong>{$kategori.ka tegori}</strong></h2>
<center>adsense</center>
<div class="kategori-sayfalama">
<dl>
<dt><a href="{$sayfalama.ilk}" title="İlk Sayfa"><img src="template/images/ilk.jpg" width="30" height="30" border="0" align="top"></a></dt>
<dt><a href="{$sayfalama.geri}" title="Önceki Sayfa"><img src="template/images/geri.jpg" width="30" height="30" border="0" align="top"></a></dt>
<dd><b>{$sayfalama.sayfa}</b>/<b>{$sayfalama.sonsayfa}</b></dd>
<dt><a href="{$sayfalama.ileri}" title="Sonraki Sayfa"><img src="template/images/ileri.jpg" width="30" height="30" border="0" align="top"></a></dt>
<dt><a href="{$sayfalama.son}" title="Son Sayfa"><img src="template/images/son.jpg" width="30" height="30" border="0" align="top"></a></dt>
</dl>
</div>
<div class="kategori-oyunlar">
{foreach from=$oyunlarbir item=oyunlarbir}
<div class="detay-kutu">
<p>
<a href="{$oyunlarbir.link}" title="{$oyunlarbir.oyun}"><img src="{$oyunlarbir.resim}" alt="{$oyunlarbir.oyun}" border="0" align="top"></a>
<strong><a href="{$oyunlarbir.link}" title="{$oyunlarbir.oyun}">{$oyunlarbir.oyun}</a></strong>
</p>
</div>
{/foreach}
</div>
<div class="kategori-oyunlar">
{foreach from=$oyunlariki item=oyunlariki}
<div class="detay-kutu">
<p>
<a href="{$oyunlariki.link}" title="{$oyunlariki.oyun}"><img src="{$oyunlariki.resim}" alt="{$oyunlariki.oyun}" border="0" align="top"></a>
<strong><a href="{$oyunlariki.link}" title="{$oyunlariki.oyun}">{$oyunlariki.oyun}</a></strong>
</p>
</div>
{/foreach}
</div>
<div class="kategori-sayfalama">
<dl>
<dt><a href="{$sayfalama.ilk}" title="İlk Sayfa"><img src="template/images/ilk.jpg" width="30" height="30" border="0" align="top"></a></dt>
<dt><a href="{$sayfalama.geri}" title="Önceki Sayfa"><img src="template/images/geri.jpg" width="30" height="30" border="0" align="top"></a></dt>
<dd><b>{$sayfalama.sayfa}</b>/<b>{$sayfalama.sonsayfa}</b></dd>
<dt><a href="{$sayfalama.ileri}" title="Sonraki Sayfa"><img src="template/images/ileri.jpg" width="30" height="30" border="0" align="top"></a></dt>
<dt><a href="{$sayfalama.son}" title="Son Sayfa"><img src="template/images/son.jpg" width="30" height="30" border="0" align="top"></a></dt>
</dl>
</div>
</div>
</div>
<!-- [-] SAĞ-->
<!-- [+] SOL -->
<div id="tasiyici-sol">
adsense
</div>
<!-- [-] SOL -->
</div>
</div> - 06-02-2013, 09:03:53kategori css içerisindeki kodlar şöyle. Hangisini yapayım ki 10px :s
@charset "utf-8";
/**
* KATEGORİ
*/
#kategori { float:left; width:800px; height:750px; padding-bottom:5px; background:url("../images/kategori-arka.png") no-repeat; }
#kategori h2 { line-height:40px; height:40px; color:#FFF; padding-left:40px; font-size:16px; }
/* Kategori Sayfalama */
.kategori-sayfalama { float:left; width:770px; margin:5px 5px 0px 5px; display:inline; }
.kategori-sayfalama dl { float:right; }
.kategori-sayfalama dl img { margin-left:5px; }
.kategori-sayfalama dl dt { float:left; }
.kategori-sayfalama dl dd { float:left; width:80px; line-height:30px; color:#2e4457; font-size:16px; text-align:center; margin-right:5px; display:inline;}
/* Kategori Açıklama */
.kategori-aciklama { float:left; width:740px; margin-top:5px; }
.kategori-aciklama p { margin:0px 5px; padding:5px; border:1px solid #2e4457; color:#2e4457; }
.kategori-aciklama p a { color:#2e4457; text-decoration:none; font-weight:bold; }
.kategori-aciklama img { float:left; margin:0px 5px 5px 0px; }
/* Kategori Reklam */
.kategori-reklam { float:left; width:730px; margin:5px 5px 0px 5px; display:inline; }
.kategori-reklam p { border:1px solid #666; color:#2e4457; }
/* Kategori Oyunlar */
.kategori-oyunlar { float:left; width:790px; }
/* KATEGORİ ETİKETLER */
#kategori-etiketler { float:left; width:740px; margin-top:10px; background:#2e4457 url("../images/kategori-etiketler.jpg") top no-repeat; }
#kategori-etiketler p { background:url("../images/kategori-etiketler-p.jpg") bottom no-repeat; padding:8px;}