Blogger / Satır Aralığını Ayarlamada Problem

[Beyaz Rus]

Merhaba herkese,

Ben blogger'ı kullanıyorum. Herşey yolunda gidiyor. Ama bir sorunum var. Blogger sayfası üzerinden yazı yazarken, eğer yazımda resim yoksa satır aralıkları normal çıkıyor. Ancak, bir resim koyduğumda, hemen yazıların arasındaki satır aralığı küçülüyor. Ben istiyorum ki satır araları küçülmesin. Resim eklediğimde satır aralıkları aynı kalsın.

Demek istediğimi görsel olarak anlatmak gerekirse;

-------

Bu konuda yardım edebilecek bir blogger kullanıcısı var mı? Şimdiden teşekkürler.

[serkanburda]

Şablonunu görmek lazım bunun için; mümkünse şablonundaki   

/* Posts

ile başlayan kısmı

/* Footer

yazan kısma kadar kopyalayıp kod etiketi içerisinde buraya yapıştırır mısın? Oraya bakarak yorum yapmak mümkün olabilir ancak.

[Beyaz Rus]

İlgilendiğin için teşekkürler sersang. İstediğin kısımları aşağıda belirtiyorum.

Kod Seç Genişlet

/************** POSTS *****************/

#main-wrapper {
width: 100%; position: relative;
/**/ * html #main-wrapper { width: 99%;} /**/
}

.post-title {padding:0 0 2px 0;}
.post h3 { color:#272d36; font: normal 34px/34px "Helvetica"; letter-spacing: -1px; }
.post h3 a, .post h3 a:visited { color:#272d36; text-decoration:none;}
.post h3 a:hover { color:#0099cc; text-decoration: none;}

.post-header-line-1 {font: normal 11px/14px 'Arial'; text-transform: uppercase; color:#999; padding-bottom:15px;}
.post-author {text-decoration: underline; color:#999; padding-right: 5px;}

.post-body { border-top: solid 1px #dbdbdb;}
.post-body p { font: normal 12px/19px "Verdana"; padding: 5px 0px; margin: 5px 0px;}
.post-body ol { list-style: decimal inside; }
.post-body ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-body ol li { padding: 2px 0px 2px 0px; }
.post-body ul { padding: 10px 0px 10px 20px; margin: 0px; }
.post-body ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("http://4.bp.blogspot.com/_XByc9SCisZM/SaeN3Biul3I/AAAAAAAAAuc/PRWp_FvtSzg/s1600/pconlihh7.png") no-repeat left 1px; color:#666; }
.post-body blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #ecf6f8; }
.post-body blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; }
.post-body blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

.post-footer {height:30px; margin: 15px 0 30px 0;}
.post-footer-line-1 {color:#7f7f7f; display: inline; padding: 5px 0px 5px 0px; margin-right: 10px; height:30px;}
.comment-link {background: url("http://3.bp.blogspot.com/_XByc9SCisZM/SaeN3J-1GbI/AAAAAAAAAuk/HWFM7Cydqss/s1600/pdetcomdz6.png") left center no-repeat; font-weight: bold; letter-spacing: -1px; padding:4px 0 6px 30px; margin-right:13px;}
.comment-link a:hover, a:visited {font-weight:bold; text-decoration:none;}
.post-labels { background: url("") left center no-repeat; font: normal 14px/18px "Arial"; margin-right: 3px; padding:4px 0 6px 30px;}


/************** IM�GENES *****************/

.post-body img { padding: 0; max-width: 100%; }
.post-body img.centered { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #9b9792;}
.post-body img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #eee; padding: 1px; }
.post-body img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 4px #eee; padding: 1px;}
.post-body .alignright { float: right; }
.post-body .alignleft { float: left }

/************** NAVEGACIÃ"N *****************/

#blog-pager-newer-link {float: right; background:url(http://2.bp.blogspot.com/_XByc9SCisZM/SaeRsYCDXQI/AAAAAAAAAwM/Ro6YKraM7iM/s1600/navrightho2.png) no-repeat right 0px; padding: 2px 20px 2px 0;}

#blog-pager-older-link {float: left; background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SaeN3HFiGPI/AAAAAAAAAuU/78jp5gQ-BYg/s1600/navleftso6.png) no-repeat left 0px; padding: 2px 0 2px 20px;}

#blog-pager {overflow: hidden; padding-bottom: 20px;}

/************** SIDEBARS *****************/

#SR { width: 300px; margin: 0 30px 0 0; float: right; clear:right;}
#SR2 { width: 300px; height:100%; margin: 0 30px 3px 0; padding: 0 0 10px 0; float: right; background: #d1f0e2; clear:right;}
#SR3 { width: 300px; margin: 0 30px 0 0; padding: 0 0 10px 0; float: right; clear:right;}
#SR4 { width: 300px; margin: 0 30px 0 0; padding: 0 0 10px 0; float: right; clear:right;}

/************** WIDGETS *****************/

.search { background: #3d96d5 url(http://3.bp.blogspot.com/_XByc9SCisZM/SaeN3XOAMzI/AAAAAAAAAvE/ttgmjx_MZlQ/s1600/searchbkgfn6.png) no-repeat left bottom; right: 0px; padding: 15px; overflow: hidden;}
/**/ *html .SR .search  { height: 1%;} /**/
.search form { width: 245px; padding: 10px; border: 1px solid #3ac6e5; background: #2abada; }
.search fieldset { overflow: hidden; height: 1%;  }
.search input { float: left; margin-right: 2px; background: url(http://i50.tinypic.com/dxictw.png) no-repeat; border: none; padding: 5px 3px 5px 65px; width: 145px; color:#666;}
.search button { float: left; background: url(http://2.bp.blogspot.com/_XByc9SCisZM/SaeN3gVqjPI/AAAAAAAAAvM/O_-80n6Z9y8/s1600/searchbuttonvs8.png) no-repeat; width: 26px; height: 24px; border: none; cursor: pointer; text-indent: -1000em; }
.syn ul { margin: 10px 0px;}
.syn li { background: url(http://3.bp.blogspot.com/_XByc9SCisZM/SaeN3tzjdrI/AAAAAAAAAvc/g-odcZvJMng/s1600/synicopj7.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; color:#ffcc66; display: inline; font: bold 14px/14px 'Arial'; letter-spacing: -1px;}
.syn li a, .syn li a:hover, .syn li a:visited {color:#fff; text-decoration:none; font-weight: bold;}

.about { background: #57abe6 url(http://2.bp.blogspot.com/_XByc9SCisZM/SaeN2WX7JaI/AAAAAAAAAts/R-oyBWBbWsU/s1600/aboutbkgap6.png) no-repeat left top; padding: 20px 15px 15px 15px; color:#fff;}
.about h2 { font-size: 24px; letter-spacing: -1px; color:#fff;}
.about p { padding: 5px 0px; margin: 0px; font-size: 13px; line-height: 16px;}

.photostream { width:300px; overflow: hidden; background: #9ed5e1 url(http://3.bp.blogspot.com/_XByc9SCisZM/SaeN3ck0tbI/AAAAAAAAAu0/jUW4xDbd5f4/s1600/photostreambkgyo2.png) no-repeat bottom left; padding: 15px 0px 25px 0;}
/**/ *html .SR .photostream { height: 1%;} /**/
.photostream h2 { padding-left:15px; font-size: 24px; letter-spacing: -1px; color:#102a30;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {width:54px; height:54px; background: url(http://3.bp.blogspot.com/_XByc9SCisZM/SaeN3UsknMI/AAAAAAAAAu8/yheL6R4k3L0/s1600/photostreamlibkgus2.png) no-repeat left top; padding:5px 0 0 5px; margin: 0;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important; color:#102A30;}
#flickr_badge_wrapper {background-color:#9ed5e1; width:270px; margin:0 0 15px 0; padding:0;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#FFFFFF !important;}
.photostream .widget-content { margin:10px 0 0 10px; padding:0;}

.categs {  float: right; width: 290px; overflow: hidden; margin-bottom: 3px;}
/**/ *html .SR .categs { height: 1%;} /**/
.categs .widget {padding:10px;}
.categs h2 {font: bold 15px/15px 'Arial'; letter-spacing: -1px; color:#102a30; padding-bottom: 5px;}
.categs li { padding: 1px 0px; list-style-type: none; font-size: 11px; color:#5e8a89; }
.categs a, a:visited { color:#247682; text-decoration: underline; font-weight:normal;}
.categs a:hover { color:#003333; text-decoration: underline; font-weight:normal;}

.archives { overflow: hidden; margin-bottom: 3px; float: left; width: 130px;}
.archives .widget {padding:15px;}
/**/ *html .SR .categs { height: 1%;} /**/
.archives h2 { font: bold 15px/15px 'Arial'; letter-spacing: -1px; color:#102a30; padding-bottom: 5px;}
.archives li { padding: 1px 0px; list-style-type: none; font-size: 11px; color:#5e8a89; }
.archives a, a:visited { color:#247682; text-decoration: underline; font-weight:normal;}
.archives a:hover { color:#003333; text-decoration: underline; font-weight:normal;}

.sona { background: #eceff5; padding: 15px; margin-bottom: 3px; }   
.sona .tabs { overflow: hidden; }
.sona .tabs { height: 1%; }
.sona .tabs li { float: left; background: none; }
.sona .tabs li a { float: left; font: bold 14px/14px "Arial"; color: #102a30; padding: 3px 6px 9px 6px; background: #b5d6cd url(http://2.bp.blogspot.com/_XByc9SCisZM/SaeN4GYsTyI/AAAAAAAAAv0/9G4R_uhTd_I/s1600/tabsinactiveck6.png) no-repeat bottom center; margin-right: 3px; letter-spacing: -1px; text-decoration: none;}
.sona .tabs li a.active, .sona .tabs li a:hover { background: #4a6969 url(http://4.bp.blogspot.com/_XByc9SCisZM/SaeN397rDcI/AAAAAAAAAvk/3vYBYpbr7oU/s1600/tabsactivelq5.png) no-repeat bottom center; color: #fff; text-decoration: none; font-weight:bold;}
.sona a, #SR .sona a:visited { color:#247682; text-decoration: underline; font-weight:normal;}
.sona a:hover { color:#003333; text-decoration: underline; font-weight:normal;}

.recent { background: #edf8f5; padding: 15px; margin-bottom: 3px; }   
.recent .tabs { overflow: hidden; }
.recent .tabs { height: 1%; }
.recent .tabs li { float: left; background: none; }
.recent .tabs li a { float: left; font: bold 14px/14px "Arial"; color: #102a30; padding: 3px 6px 9px 6px; background: #b5d6cd url(http://2.bp.blogspot.com/_XByc9SCisZM/SaeN4GYsTyI/AAAAAAAAAv0/9G4R_uhTd_I/s1600/tabsinactiveck6.png) no-repeat bottom center; margin-right: 3px; letter-spacing: -1px; text-decoration: none;}
.recent .tabs li a.active, .recent .tabs li a:hover { background: #4a6969 url(http://4.bp.blogspot.com/_XByc9SCisZM/SaeN397rDcI/AAAAAAAAAvk/3vYBYpbr7oU/s1600/tabsactivelq5.png) no-repeat bottom center; color: #fff; text-decoration: none; font-weight:bold;}
.recent a, #SR .recent a:visited { color:#247682; text-decoration: underline; font-weight:normal;}
.recent a:hover { color:#003333; text-decoration: underline; font-weight:normal;}

#tab-comments { display: none; margin-bottom: 5px; }
#tab-comments li { background: url(http://2.bp.blogspot.com/_XByc9SCisZM/SaeN34_NcJI/AAAAAAAAAvs/QTVZRE5GOzo/s1600/tabsarrowyh7.png) no-repeat left 10px; padding: 4px 0px 4px 6px; border-bottom: solid 1px #c5ded7; font-size: 11px; color:#5e8a89;}
#tab-comments li a { display: block;}
#tab-posts { margin-bottom: 5px; font-size: 11px; }
#tab-posts li { background: url(http://2.bp.blogspot.com/_XByc9SCisZM/SaeN34_NcJI/AAAAAAAAAvs/QTVZRE5GOzo/s1600/tabsarrowyh7.png) no-repeat left 8px; line-height: 14px; padding: 1px 0px 1px 6px;}
#tab-tags { display: none; margin-bottom: 5px; font-family: "Verdana"; line-height: 22px;}

/************** COMENTARIOS *****************/
#comments h4 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 20px; }

#comments-block {padding-top: 20px; }
#comments-block .comment-author { background: #e1f4fc url(http://4.bp.blogspot.com/_XByc9SCisZM/SaeSGesBBSI/AAAAAAAAAwU/rwgF0IUNRRA/s1600/commentslistaltbkgly8.png) no-repeat left top; padding: 40px 25px 3px 25px; border: none; font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px;  display:block;}
#comments-block .comment-author a, a:hover {color:#000; text-decoration: none;}
#comments-block .comment-timestamp { display:block; background: #e1f4fc; }
#comments-block .comment-timestamp a, a:hover { color:#96b1bc; text-decoration: underline; font-weight: normal;}
#comments-block .comment-body { padding:5px; background: #e1f4fc; font: normal 12px/17px "Verdana"; color:#333;}
#comments-block .comment-body p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}
#comments-block .comment-body blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }
#comments-block .comment-body blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }
#comments-block .comment-footer { background: #e1f4fc; margin:0 0 20px 0;}

.deleted-comment {
  font-style:italic;
  color:gray;
  }

#twitter_update_list {
font-size: 13px;
line-height: 21px;
list-style: none;
}
#twitter_update_list li {
background: url('images/twitter-divider.gif') bottom left repeat-x;
padding-bottom: 7px;
margin-bottom: 9px;
}
#twitter_update_list span, #twitter_update_list span a {
color: #E6E6E6;
text-decoration: none;
}
#twitter_update_list a {
color: #3d96d5;
}

/************** PERFIL *****************/
.profile-img {
  float: left;
  margin: 0 5px 5px 0;
  padding: 4px;
  border: 5px solid #E7E9E3;
}

.profile-data {
  margin:0;
  font: arial;
  color: #000;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock {
  margin:.5em 0 .5em;
}

.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link {
  font: #000;
  letter-spacing: .1em;
}

[serkanburda]

Verdiğiniz kodları kendi şablon deneme bloğumda denediğimde satır aralıkları sorun çıkarmadı; öncelikle bunu belirteyim ki hatanın hangi kodda olduğunu bulamadığım anlaşılsın Ancak satır aralıklarını belirleyen parametreyi biliyoruz: "line-height". Post diye geçen yani sizin asıl yazdıklarınızı oluşturan bölümdeki satır aralığını ise post-body ile başlayan satırların oradaki line-height değeri belirler; yani sizinkisi 17px. Öyle sanıyorum ki resim yapıştırıldığında devreye giren bir satır aralığı kodu daha var. Emin olmamakla birlikte onun şuradaki kod olmasından şüpheleniyorum.

Kod Seç Genişlet

#tab-posts li { background: url(http://2.bp.blogspot.com/_XByc9SCisZM/SaeN34_NcJI/AAAAAAAAAvs/QTVZRE5GOzo/s1600/tabsarrowyh7.png) no-repeat left 8px; line-height: 14px; padding: 1px 0px 1px 6px;} Denemekte fayda var, buradaki 14'ü 17 yapar mısınız? Sonuç değişmezse tavsiyem şablon genelindeki tüm line-height değerlerini tek tek deneyerek hangisinin soruna sebep olduğunu bulmanız. Umarım işinize yarar bu bilgiler.

[Beyaz Rus]

Öncelikle ilgin için tekrar teşekkürler sersang.

Dediğin kısmı değiştirmeme rağmen problem ne yazık ki düzelmedi. Ama başka bir ipucu yakaladım. Blog yazısı içinde özel bir "div" kısmının olması bu satır aralarının küçülmesinden sorumlu.

Eğer yazının içinde; <div class="separator" style="clear: both; text-align: center;"> ...  </div> kodu herhangi bir yerde bulunuyorsa satır araları birden bire küçülüyor. Bu kod üzerinden bir çözüm bulunabilir mi sence?

[serkanburda]

Bu kodun yazıyı etkilemekten ziyade resme etkisi var; bu kodu kullandığın yerdeki resmin iki yanı da boş kalıyor sadece. Satır aralığına bir etkisi olmadı. Rica etsem bana bloğunuzun url'sini ve de mümkünse şablonunuzu indirebileceğim bir link verebilir misiniz? İsmini de verseniz bulabilirim sanırım ama mümkünse öncelik linkde olsun

[Beyaz Rus]

Tabii ki. Adresim: http://biyorss.blogspot.com/

Not: Blogumda şu ana kadar hazırladığım resimli yazılarda böyle bir sorun olmadı. Çünkü, hepsini "Windows Live Writer" adındaki programla hazırlıyordum. Ama artık ubuntu ailesine katıldığım için bu programı kullanmıyorum. O yüzden blogger'ın kendi sitesini kullanıyorum. Bu problem sitenin kendi arabiriminde yazdığımda gerçekleşiyor.

Şablonu indirmek için gereken link: http://rapidshare.com/files/401958576/sablonblog.txt.html

[serkanburda]

Sanırım çok tatmin edici olmasa da bir çözüm yolu var. Öncelikle şunu belirteyim ki sizin söylediğiniz kodmuş sorunun kaynağı. Ancak o koda sebep olan sizin şablonunuz değil, blogger'ın yeni editörü. Resim yükleyince editör otomatik olarak o kodu ekliyor. Bunu engellemek için eski editörü kullanabilirsiniz ki ben hala onu kullanıyorum. "Ayarlar - Temel - Yayın düzenleyicisi seçin" kısmından yapabilirsiniz değişikliği. Yine de şablonun satır aralığı tatmin edici olmazsa ki bence çok dar, şu kodla oynayarak satır aralığını şablon genelinde değiştirebilirsiniz:

Kod Seç Genişlet

.post-body blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;} Buradaki 17'yi istediğiniz gibi arttırabilirsiniz. Umarım bu çare sizin açınızdan tatmin edici olur. Yayın hayatınızda başarılar dilerim.

[Beyaz Rus]

@sersang ilgin ve cevabın için çok teşekkür ederim. Ne yazık ki, eski sitede de aynı problem devam ediyor. Ama artık bir problem değil. Çünkü, dün sinirlenip Wordpress'e geçtim.

Ohh.

[serkanburda]

En güzeli olmuş aslında, kapalı kodlu araçlarla uğraşmaktansa açık kaynak kodlu wordpress en iyisi. Üstelik wordpress için ubuntuda kullaabileceğiniz bir editör bulabileceğinize eminim Sanırım sizin şablonun orjinali de wordpress içinmiş zaten, umarım sorunsuzca kullanabilirsiniz