![]() |
|
| |||
| yan menüde görünen son yazıların başlıkları arasında çok fazla boşluk var aşağıdaki örnekte olduğu gibi, onu nasıl düzeltebilirim.(kategoriler de aynı şekilde) örnek Kategoriler: Bilgisayarlar Televizyonlar Müzik Setleri Kameralar |
| ||||
| CSS'te line-height komutunu kullan ![]()
__________________ Fatihcaylak.com |
| |||
| ilginize teşekkür ediyorum öncelikle. line-height komutu yazmış olduğum yazılar arasını açtı (orta bölümü)yani yan menüdeki kategoriler ve son yazılar kısımları değişmedi hala 2 satır aralıklı. styl css kodları aşağıda veriyorum yardımcı olursanız sevinirim. /* Theme Name: Blue Wonder Theme URI: TechnoBeta Blog Description: Classy blue and orange colored theme. Version: 1.0 Author: Joel Fernandes Author URI: TechnoBeta Blog /* /* Based on Silver Lexus created by Highlands by Design (Highlands by Design) The CSS, XHTML and design is released under GPL: Open Source Initiative OSI - The GPL:Licensing | Open Source Initiative */ * { margin : 0; padding : 0; border : 0; } body { font : 75%/150% "Lucida Grande", Verdana, Lucida, Lucida Handwriting, Helvetica, Arial, sans-serif; color : #393939; background : url('images/shadow_left1.png') repeat-y; } #mission { padding: 15px; margin: 0 0 10px 0; border: 2px solid #96ADC8; background: #BCD1EA url(images/bg-mission.gif) repeat-x bottom left; } html > body { width : auto; min-width : 200px; } a { text-decoration : none; color : #4c89bb; font-weight : bold; background : transparent; } a:hover { text-decoration : underline; color : #dc143c; } small { text-align : right; margin : 1em 0; } h1 { font-size : 1.5em; } h2, h3, h4 { font-size : 1.2em; border-bottom : 1px dashed #ddd; } hr { margin : 0 auto; clear : both; border-top : 1px solid #ddd; } .date { color : #778899; padding : 0.5em 1em; text-align : right; float : right; } .date1 { font-size : 1.5em; display : block; } .date2 { font-size : 1.5em; display : block; } .date3 { font-size : 2em; display : block; } .pageInfo { font-size : 0.8em; color : #aaa; text-align : right; border-bottom : 1px dashed #ccc; padding : 1em; clear : both; } .fifty { width : 40%; text-align : center; } .boxedup { border : 1px solid #eee; padding : 0.5em; margin : 0.5em; } #newheader { height: 91px; background : url('images/head008.jpg') repeat-x; text-align : left; padding-top : 0px; margin: 8px 0 0 0; height : 100px; } #headerimage { height : 112px; background : url('') no-repeat top right; list-style : none; } #newheader h1 { padding : 65px 0 5px 20px; border : 0; } #newheader h1 a { font-size : 2em; font-family : Lucida Handwriting; color : #87CEFA; } #newheader h1 a:hover { color : #6495ED; text-decoration : none; border-top : 0px solid #f90; border-bottom : 0px solid #f90; } #newheader h2 { color : #000; font-size : 1em; padding-left : 0px; font-weight : normal; border : 0; margin-top : 10px; } #wrapper { background : url('images/shadow_right1.png') repeat-y top right; padding : 1px; } #highlands { float : left; width : 100%; } #column1 { background : url('') no-repeat top right; margin : 0 215px 0 235px; padding-top : 10px; text-align : left; } #column1 p { margin : 0 1.5em 1.5em 1.5em; line-height : 1.5em; } #column1 h1, #column1 h2, #column1 h3 { color : #aaa; font-weight : bold; margin : 0.5em 0; padding-bottom : 0.2em; border : 0; } #column1 h2 { font-size : 1.5em; } #column1 h2 a { color : #696969; } #column1 h2 a:hover { color : #666; } #column1 ul, #column1 ol { margin : 1em; padding : 0.5em; border-top : 1px dashed #eee; border-bottom : 1px dashed #eee; } #column1 ul li { margin : 0 1em; padding : 0.2em; list-style : square inside; } #column1 ol li { margin : 0 3em; padding : 0.2em; list-style : decimal; } #column1 blockquote { margin : 15px; padding : 0 0 10px 30px; font-style : italic; background : url('images/blockquote.png') no-repeat 0 0; } #column1 blockquote p { margin : 1em 2em 0 0; } #column2 { float : left; width : 210px; margin-left : -100%; font-size : 0.8em; padding-top : 10px; } #column2 ul { margin-left : 10px; list-style : none; } #column3 { float : left; width : 190px; margin-left : -190px; font-size : 0.8em; padding-top : 10px; } #column3 ul { margin-right : 7px; list-style : none; } #footer { background : url('images/bg-footer.gif') repeat-x top left; font-size : 0.8em; clear : both; padding : 20px 10px; margin : 0 210px 0 230px; } #footer p { text-align : center; margin : 0; padding : 0; } #back { clear : both; font-size : 0.8em; text-align : right; padding : 0 10px; clear : both; margin-top : 20px; } #back a { font-weight : normal; } #back span { float : left; } #back strong { color : #006; } #navigation { display : block; background : url('images/strectch018.gif') repeat; text-align : center; height : 2em; padding : 2px 0; border-top : 1px solid #696969; border-bottom : 2px solid #696969; } #nav { padding-left : 35px; min-width : 1000px; margin : 0 auto; } #nav, #nav ul { text-align : right; font-size : 1.1em; list-style : none; font-weight : normal; z-index : 8; } #nav li { float : left; padding : 0; margin : 0; } #nav a { border-right : 5px solid #eee; display : block; line-height : 1em; padding : 0 15px; color : #000; text-decoration : none; font-weight : bold; } #nav a:hover { border-right : 5px solid #fda; color : #000; background : #ccc; } #nav li ul { margin : 0; padding : 0; font-size : 1em; border : 1px solid #ddd; background : #000 repeat; position : absolute; left : -999em; height : auto; width : 14em; } #nav li li { width : 14em; margin : 0; } #nav li ul a { border-left : 1em solid #fda; margin : 0; } #nav li ul a:hover { border-left : 1em solid #f90; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left : auto; } #nav li:hover, #nav li.sfhover { color : #87CEEB; background : #ccc; } #page_nav a { display : block; color : #999; padding : 10px; border : 1px solid #eee; } #page_nav a:hover { color : #999; border : 1px solid #ddd; background : #eee; } #breadcrumbs { position : absolute; font-size : 0.8em; top : 6px; left : 5px; text-align : left; text-transform : lowercase; } #searchCSS { font-size : 0.9em; position : absolute; top : 10px; right : 7px; } #searchform { text-align : center; } #searchform #s { width : 135px; font-size : 11px; padding : 4px; border : 2px solid #000; } #searchform #s:focus { border : 1px solid #aaa; background : #fafafa; } #searchsubmit { font-size : 9px; background : #fff url('icons/icon_search.png') no-repeat 1px 1px; cursor : pointer; padding : 0 0 0 15px; border : 1px solid #aaa; } #searchsubmit:hover { border : 1px solid #999; } #submit { cursor : pointer; } .entry form { text-align : center; } select { width : 140px; } #commentform input { width : 170px; padding : 2px; margin : 5px 5px 1px 0; border : 1px solid #ccc; background : #fafafa; } #commentform input:focus { border : 1px solid #aaa; background : #f6f6f6; } #commentform textarea { width : 95%; padding : 2px; border : 1px solid #ccc; background : #fafafa; } #commentform textarea:focus { border : 1px solid #aaa; background : #f6f6f6; } #commentform #submit { border : 1px solid #ccc; color : #666; background : #fafafa; vertical-align : top; } #commentform #submit:hover { border : 1px solid #aaa; background : #eee; } .comment_no { padding-top : 10px; float : right; font-size : 3.5em; color : #eee; } .commentlist { padding : 0; margin : 5px; list-style : none; } .commentlist li { clear : both; list-style : none; padding : 10px; background : #fff url('images/gradient.png') repeat-x 0 -10px; border-top : 1px solid #ddd; margin : 10px; } .commentlist li:hover { background-position : 0 0; border-top : 1px solid #ccc; } .commentlist .gravatar { display : block; float : left; padding : 3px; margin : 0 20px 5px 0; border : 2px solid #ccc; background : #eee; } .alt { clear : both; } p img { padding : 0; } p img[alt="an image"] { float : left; margin : 0 7px 2px 0; } img.alignright { padding : 4px; margin : 0 0 2px 7px; display : inline; } img.alignleft { padding : 4px; margin : 0 7px 2px 0; display : inline; } .center { display : block; margin-left : auto; margin-right : auto; } .alignright { float : right; } .alignleft { float : left; } .images { width : 95%; text-align : center; } .images img { float : left; clear : both; margin : 0 auto; } #wp-calendar { text-align : center; } #wp-calendar { width : 100%; background : #fff8dc; } #wp-calendar caption { background : #ddd; font-weight : bold; } #wp-calendar thead { background : #eee; } #wp-calendar #today { background : #eef; } #wp-calendar a { text-decoration : underline; } #column2 ul, #column3 ul { padding-bottom : 20px; margin-bottom : 1em; background : #e5ecf5 no-repeat bottom right; } #column2 ul li, #column3 ul li { margin : 0; padding : 0.5em; background : #f0f8ff; } #column2 ul li.listHeader, #column3 ul li.listHeader { background : transparent; padding : 0; } #column2 ul li h2, #column2 ul li h3, #column3 ul li h2, #column3 ul li h3 { margin : 0; padding : 0.5em; color : #666; background : #e5ecf5; } .icons a { display : block; height : 16px; padding-left : 25px; } .icons a:hover { background-position : left bottom; } .icons .s_delicious { background : #fafafa url('icons/delicious.gif') no-repeat; } .icons .s_digg { background : #f6f6f6 url('icons/digg.gif') no-repeat; } .icons .s_technorati { background : #fafafa url('icons/technorati.gif') no-repeat; } .icons .s_reddit { background : #f6f6f6 url('icons/reddit.gif') no-repeat; } .icons .s_magnolia { background : #fafafa url('icons/magnolia.gif') no-repeat; } .icons .s_stumbleupon { background : #f6f6f6 url('icons/stumbleupon.gif') no-repeat; } .icons .s_yahoo { background : #fafafa url('icons/yahoo.gif') no-repeat; } .icons .s_google { background : #f6f6f6 url('icons/google.gif') no-repeat; } .iconComment a { padding-left : 20px; background : url('icons/icon_comment.png') no-repeat top left; } .iconEdit { background : url('icons/icon_edit.png') no-repeat top left; padding : 1px 0 5px 20px; } .iconrss { background : url('icons/icon_feed.gif') no-repeat; } |
| | ||||
| sanırım #column lara line-height eklemen lazım, tam bişi söleyemiyorum fakat deneyerek hangilerine eklemen gerektiğini çözebilirsin..
__________________ 7k+ Siteye Reklam Alınacaktır. |
![]() |
| Konuyu Toplam 1 üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
| Konu Seçenekleri | |
| |
Okuduğunuz Konuya Benzer Konular | ||||
| Konu | Konuyu Açan | Forum | Cevaplar | Son Mesaj |
| Adsense ile çok para kazanma yolları | EJDER | Google Adsense | 52 | 28-09-2007 18:57:44 |
| Google da silinmeniz ve optimizasyon hakkında | NRG | Google Optimizasyon | 3 | 21-05-2007 00:25:08 |
| Ağaçlar ve Kişiliğiniz | ilkay | Gündemdeki konular & Haberler | 13 | 22-09-2005 20:51:32 |
| En çok söylediğimiz yalanlar :)))) | murme | Gündemdeki konular & Haberler | 10 | 18-09-2005 14:11:22 |