Arkadaşlar bir tema var elimde html den çevirdim ancak temada sıkıntılarım var.sorun şu temada yazı açıklaması uzun olunca footer aşağıya kaymıyor.html kodları şu şekilde



DiziMix Dizi Teması















How I Met Your Mother 6. Sezon 14. Bölüm

Part 1  l  Part 2  l  Part 3  l  Part 4




254 Defa İnlenildi.       08.11.2011 Tarihinde Eklendi









Açıklama

How I Met Your Mother, ABD'de yayın yapan CBS kanalında 19 Eylül 2005'ten beri yayınlanmakta olan, yaratıcılığı ve yapımcılığını Carter Bays ve Craig Thomas'ın üstlendiği, durum komedisi türünde bir televizyon dizisidir.
Dizi, 2030 yılında, Ted Mosby'nin eşi ile nasıl tanıştığını çocuklarına anlatmasını konu alır. Bob Saget'in seslendirmesiyle asıl karakteri Ted "Size annenizle nasıl tanıştığımı anlatacağım." der ve dizi 2005 yılına döner. Bays ve Thomas dizideki arkadaşlığı kendi arkadaşlıklarından yola çıkarak yazmışlardır. Buna göre Ted karakterinde daha çok Bays öne çıkarken Marshall ve Lily karakterleri ise Thomas ve eşinden esinlenilmiştir.



Etiketler


How I Met Your Mother 5. Sezon izle

How I Met Your Mother 5. Sezon indir

How I Met Your Mother 5. Sezon tüm bölümleri

How I Met Your Mother 5. Sezon full izle

How I Met Your Mother 5. Sezon full indir

How I Met Your Mother 5. Sezon 24. Bölüm izle

How I Met Your Mother 5. Sezon 24. Bölüm indir





















bunlarda style.css kodlarım


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Temel */
.ortala { width:960px; margin:0 auto;}
body { background: url(../images/bg.png) repeat}
.temizle { clear:both}
/* Ust Kısım */
#ust { width:100%; height:85px; background: url(../images/header.png) repeat-x; float:left;}
#ust .logo {width:77px; height:51px; background: url(../images/logo.png); margin-top:18px; float:left;}
#ust .baslik { margin-top:18px; float:left; margin-left:5px; font-size:22px; color:#fff;}

#ust .menu { background: url(../images/menu-bg.png) no-repeat; width:487px; height:42px; float:right; margin-top:20px;}
#ust .menu ul { float:left; padding:13px 13px 0; height:29px;}
#ust .menu ul li { float:left; margin-left:22px; height:29px; position:relative}
#ust .menu ul li a{ color:#a1a2a2; font-size:12px; text-decoration:none; font-family:verdana; text-shadow:1px 1px 0 rgb(0,0,0)}
#ust .menu ul li a:hover{ color:#eaeaea;}
#ust .menu ul ul {padding:0; width:180px; height:auto; position:absolute; left:-5px; top:29px; display:none;}
#ust .menu ul ul li {width:180px; margin:0; height:28px; background:#444644; border-bottom:1px solid #333; border-top:1px solid #666}
#ust .menu ul ul li a {display:block; color:#fff; padding-left:10px; line-height:29px; }
#ust .menu ul ul li a:hover { background:#333}
#ust .menu ul li:hover ul { display:block}

/* Sag İçerik */
#sag { width:271px; height:850px; background: url(../images/sagmenubg.png); float:right; margin:35px 0; border-radius:15px; position:relative ;display: inline; overflow: hidden;}
#sag .ust { background: url(../images/sagmenuust.png); width:271px; height:33px; float:left; padding-top:16px; text-align:center;}
#sag .ust a { color:#a0a0a0; text-decoration:none; text-shadow:1px 1px 0 rgb(0,0,0)}
#sag .ust a:hover { text-decoration:underline; color:#eaeaea;}

#sag .kategori { float:left;}
#sag .kategori ul{ float:left; }
#sag .kategori ul li{ border-bottom:1px dashed #505458; }
#sag .kategori ul li a{ color:#dfdfdf; line-height:20px; text-decoration:none; padding: 0 112px 0 15px; display:block; font-family:verdana; font-size:12px;}
#sag .kategori ul li a:hover{ background: url(../images/menu-hover.png)}

#sag .alt { background: url(../images/sagmenualt.png); width:271px; height:35px; float:left; bottom:0; position:absolute}

/* Sol İçerik */
#sol { width:568px; height:300px; float:left; margin:35px 0;}

#sol .siralama-rsm { padding-left:5px; margin-left:20px; background: url(../images/dizi-bg.png) no-repeat; width:48px; height:48px; float:left; display: inline; overflow: hidden;}
#sol .baslik { font-family:tahoma; font-style:italic; font-size:18px; color:#5a5a5a }
#sol .siralama-tur { color:#515151; font-size:14px;}
#sol .siralama-tur a { text-decoration:none; color:#515151; line-height:25px;}
#sol .siralama-tur a:hover { color:#222222}
#sol .siralama-tur span { color:#212121; text-decoration:underline;}

#sol .grup1 { background: url(../images/izle-bg.png) no-repeat; width:246px; height:186px; float:left; padding-top:15px; padding-left:15px; margin-left:20px;}
#sol .grup1 img { float:left;}
#sol .grup1 .izlenme { color:#d7d7d7; font-size:13px; display:block; margin-left:10px; margin-top:1px; float:left;}
#sol .grup1 .rank { font-size:22px; color:#d7d7d7; margin-left:10px; margin-top:30px; float:left;}
#sol .grup1 .dizi-ismi { font-size:13px; font-family:arial; color:#d7d7d7; float:left; margin-left:5px; margin-top:3px; line-height:18px;display: inline; overflow: hidden;}
#sol .grup1 .dizi-ismi a { color:#d7d7d7; text-decoration:none}
#sol .dizi-bg { width:564px; height:624px; margin-top:15px;}
#sol .dizi-bg .etiket { width:100%; height:auto; float:left; margin-left:25px; margin-top:25px;}
#sol .dizi-bg .etiket .sol { width:275px; float:left;}
#sol .dizi-bg .etiket .sol span { color:#636363; font-size:11px; font-family:arial; margin-top:5px; float:left; line-height:17px;}
#sol .dizi-bg .etiket .sag { width:275px; float:right;}
#sol .dizi-bg .etiket .sag span { color:#636363; font-size:11px; font-family:arial; margin-top:5px; float:left; line-height:17px;}
#sol .dizi-bg .sosyal{ width:150px; float:right; margin-top:7px; position:relative; left:40px;}
#sol .dizi-bg .sosyal img{ left:0; float:left;}
#sol .dizi-bg .kisa-bilgi { font-size:14px; color:#424141; margin-left:25px; margin-top:15px; float:left; }
#sol .dizi-bg .player { background: url(../images/player.png); width:575px; height:386px; float:left; margin-left:18px;}

/* Alt Kısım */
#alt {width:100%; height:410px; background-color:#000; float:left; }

#alt .footer-bir { width:100%; height:340px; background: url(../images/footer-bfg-bg.png); position:relative;}
#alt .footer-iki { width:100%; height:72px; background: url(../images/footer-bfg.png); float:left}
#alt .twet { width:72px; height:92px; background: url(../images/twet.png); position:absolute; top:-4px;}
#alt .twetler {font-size:12px; font-family:arial; color:#d5d5d5; padding:15px; margin-left:65px;}

#alt .pyaz { margin-left:20px; margin-top:30px;}
#alt .pyaz .baslik{ font-size:18px; color:#d5d5d5; font-style:italic; line-height:25px; }
#alt .pyaz span{ font-size:12px; color:#e9f6f6; line-height:25px;}

#alt .footer-iki .logo {width:77px; height:51px; background: url(../images/logo.png); float:left; margin-top:8px;}
#alt .footer-iki .baslik {font-size:22px; color:#fff; padding-top:5px; float:left ; margin-left:5px;display: inline; overflow: hidden;}
#alt .footer-iki .bilgi {text-align:right; font-size:11px; color:#dedede; font-family:arial; padding-top:10px;}




Arkadaşlar bir diğer sorunumda şu html kısmında part1 part 2 part 3 diye sekmeler var ancak ben sekmeleri kullanamıyorum.Çünkü videolarımı özel alan ile çekiyorum.Özel alan ile çektiğim videolarda nasıl part sistemi oluşturabilirim.Bu iki soruma cevap verirseniz çok memnum olurum.şimdiden teşekkür ederim.

Ek Olarak: footer kaymaproblemini çözdüm arkadaşlar sadece part ataması yapma üzerine yardım etmeye çalışırsanız çok sevinirim.