Sitedeki tema için Css Yardım

Question

Arkadaşlar sitemin anasayfasında konular dikdortgen içerisinde tek sıra halinde alt alta sıralanmıs.Ben o konuları 2 tane konu yan yana olacak şekilde alt alta nasıl sıralarım.Çok aradım çözüm yolu ama bulamadım.Yardımcı olabilirseniz cok mutlu olurum.

style.css dosyası

/*
Theme Name: Güzel V2
Theme URI: http://burakisci.com/
Author: Burak İşci
Author URI: http://burakisci.com/
Description: Güzel V2 Teması <a href="http://burakisci.com">Burak İşci</a> tarafından her türlü kullanıma uygun olacak şekilde gelişmiş özellikleri barındıracak biçimde en hızlı ve SEO uyumlu alt yapısı ile kodlanmış , sizlere sunulmuştur.Temanın kullanımı hakkında bilgi almak için yapımcının sitesini ziyaret edebilirsiniz.Bu kadar emeğimizin karşılığı olarak footer'da bulunan linkimizi kaldırmayınız!
Version: 2
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@font-face {
    font-family: 'quenn';
    src: url('font/tr_quenn-webfont.eot');
    src: url('font/tr_quenn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tr_quenn-webfont.woff') format('woff'),
         url('font/tr_quenn-webfont.ttf') format('truetype'),
         url('font/tr_quenn-webfont.svg#tr_queenregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {background-image: url(resim/arkaplan.png);margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#535351;}
header {background:#efefef;height:120px;border-bottom:2px dotted #ccc;}
nav {width:960px;margin-left:auto;margin-right:auto;}
nav ul {margin-top:10px;padding:0px;}
nav li {width:120px;height:90px;float:left;margin-right:15px;text-align:center;background:#eaeaea;opacity:0.6;border:1px dashed #ccc;list-style:none;padding-top:15px;}
section {width:960px;margin-left:auto;margin-right:auto;}
article {margin-top:15px;float:left;width:315px;}
article p a {color:#09F;}
aside {float:right;margin-top:30px;}
footer {width:960px;margin-left:auto;margin-right:auto;background-image:url(resim/cizgi.png);background-repeat:no-repeat;margin-top:25px;padding-top:15px;}
footer p {text-align:center;}
a {text-decoration:none;color:#535351;}
a:hover {color:#0797f3;}
img {border:none;}
h1 {font-size:24px;font-family:quenn;color:#535354;}
h2 {font-size:15px;font-family:quenn;color:#535354;margin:0px;}
h2 a {color:#535354;}
h3 {font-size:14px;font-family:quenn;color:#535354;}
h4 {font-size:13px;font-family:quenn;color:#535354;}
h5 {font-size:12px;font-family:quenn;color:#535354;}
h6 {font-size:10px;font-family:quenn;color:#535354;}
.temizle {clear:both;}
.ustcizgi {background-image:url(resim/ustcizgi.png);background-repeat:repeat-x;height:16px;}
.header {width:960px;margin-left:auto;margin-right:auto;}
.logo {float:left;padding-top:25px;}
.ustreklam {width:468px;height:60px;float:right;margin-top:25px;border:2px dotted #ccc;}
.serit {background-image:url(resim/serit.png);background-repeat:repeat-x;height:5px;}
.arabolum {height:5px;background:#efefef;}
.nav-baslik {font-family:quenn;font-size:12px;color:#333333;padding-top:5px;}
.nav-baslik a {color:#333333;}
.sidebar {background:#ffffff;border:1px solid #eee;padding:10px;width:280px;margin-bottom:30px;}
.sidebar ul {padding:0px;margin:0px;}
.sidebar li {list-style:none;border-bottom:1px dashed #ddd;background-image:url(resim/ok.png);background-position:0px 5px;background-repeat:no-repeat;padding-left:14px;padding-bottom:2px;padding-top:2px;}
.bilesenbaslik {font-family:quenn;font-size:15px;color:#fff;margin-bottom:5px;background:#ddd;margin-left:-10px;margin-right:-10px;margin-top:-10px;padding:5px;padding-left:15px;}
.sponsorreklam {float:left;border:1px solid #ccc;width:125px;height:125px;margin:5px;}
.indexkonu {background:#ffffff;padding:15px;border:1px solid #eee;margin-bottom:20px;}
.kategori {float:left;margin-right:10px;background:#4fb5fc;padding-left:10px;padding-right:10px;color:#fff;border:1px solid #eee;}
.kategori a {color:#fff;}
.yazar {float:left;margin-right:10px;background-image:url(resim/genel.png);background-position: 0 -195px;background-repeat:no-repeat;padding-left:15px;font-size:11px;}
.tarih {float:left;margin-right:10px;background-image:url(resim/genel.png);background-position: 0 -108px;background-repeat:no-repeat;padding-left:17px;font-size:11px;}
.yorum {float:left;margin-right:10px;background-image:url(resim/genel.png);background-position: 0 -210px;background-repeat:no-repeat;padding-left:23px;font-size:11px;}
.onecikarilmis img {border:1px solid #eee;margin-top:10px;width:250px;height:125px;}
.devaminioku {background-image:url(resim/genel.png);background-position: 0 0;background-repeat:no-repeat;padding-left:15px;float:right;}
.altcizgi {background:#535454;height:20px;}
.footeralt {width:960px;color:#eee;margin-left:auto;margin-right:auto;padding-top:5px;}
.footeralt a {color:#eee;}
.footermenu {float:left;font-size:10px;}
.imza {float:right;font-family:quenn;font-size:10px;}
.imza a {color:#f46161;}
.etiket a {background-image:url(resim/genel.png);background-position: 0 -15px;height: 12px;background-repeat:no-repeat;padding:2px;padding-left:18px;background-color:#fafafa;border:1px solid #eee;margin-left:5px;margin-bottom:5px;display:inline-block;}
.sosyal {float:right;}
.facebook {background-image:url(resim/genel.png);background-position: 0 -32px;float:left;height:32px;width:32px;}
.twitter {background-image:url(resim/genel.png);background-position: 0 -122px;float:left;height:32px;width:32px;}
.googleplus {background-image:url(resim/genel.png);background-position: 0 -65px;float:left;height:32px;width:32px;}
.yazarbolumu {width:607px;background:#f0f0f0;height:115px;margin-left:-15px;margin-right:-15px;margin-top:30px;margin-bottom:30px;border:1px solid #ddd;padding:10px;}
.yazarresim {width:90px;height:90px;float:left;border:1px solid #ddd;margin-top:10px;}
.yazarresim img {width:90px;height:90px;}
.yazarbilgi {float:left;padding-left:10px;width:500px;margin-top:10px;}
#commentsbox{margin-top:20px;margin-left:-30px;width:600px;}
h3#comments{font-size:24px;color:#222827;font-weight:bold;padding:10px 25px;margin-top:10px;}
.commentlist{margin:0px 0 0;clear:both;overflow:hidden;list-style:none;}
.commentlist li{margin:5px 25px;line-height:18px;padding:10px;border:1px solid #e6e6e6;background:#f9f9f9;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:90%}
ol li a{color:#DF4E00;}
.comment-author{color:#393631;}
.comment-author a:link,.comment-author a:visited{color:#393631;font-weight:bold;text-decoration:none !important;}
.fn{color:#393631;}
.fn{color:#393631;font-style:normal;}
.avatar{float:right;border:1px solid #ddd;background:#fff;padding:3px;}
.comment-meta{font-size:10px;}
.commentmetadata{color:#000;}
.comment-meta a{color:#de1e46;text-decoration:none !important;}
ol li p{line-height:22px;margin-top:5px;color:#5F5C4D;font-size:12px;}
.reply{margin-top:10px;font-size:10px;}
.reply a{background:#6cabf9;border:1px solid #ccc;color:#fff;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;}
.odd{}
.even{}
.children{list-style:none;margin:1em 0 0;text-indent:0;}
.depth-2{margin:0 0 0px 50px;}
.depth-3{margin:0 0 0px 50px;}
.depth-4{margin:0 0 0px 50px;}
.depth-5{margin:0 0 0px 50px;}
.comment-nav{padding:5px;height:20px;}
.comment-nav a:link,.comment-nav a:visited{color:#00608F;}
#respond{padding:0px 0px;margin:10px 0px;}
#respond a{color:#DF4E00;}
#respond h3{font-size:14px;color:#fff;background:#FFAB06;font-weight:bold;padding:10px 10px;}
#commentform{padding:10px 0px;margin:0px 25px;}
#commentform p{margin:5px 0px;color:#444;}
#respond label{display:block;padding:5px 0;color:#444;}
#respond label small{font-size:10px;}
#respond input{margin-bottom:10px;padding:5px 5px;margin:0 10px 10px 0;background:#f5f6f9;border:1px solid #ddd;color:#555;}
#commentform input{width:50%;}
#commentSubmit{background:#3D454E;border:1px solid #2e353d;color:#fff;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;width:100px;margin:10px 0px;cursor:pointer;}
#comment{background:#f5f6f9;border:1px solid #DEE0E5;width:80%;margin:10px 0px 0px 0px;padding:5px 5px;color:#555;}
.wp-pagenavi{clear:both;margin-top:30px;text-align:center}
.wp-pagenavi a, .wp-pagenavi span{color:#aaa;text-decoration:none;border:1px solid #BFBFBF;padding:3px 5px;margin:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:13px;-webkit-box-shadow:0 1px 4px #ccc;-moz-box-shadow:0 1px 4px #ccc;box-shadow:0 1px 4px #ccc;background:#fff;}
.wp-pagenavi a:hover{background:#eee;;color:#aaa;}
.wp-pagenavi span.current{color:#ccc;font-weight:bold;background:#f9f9f9;}

ozgurkalyoncu · Answer

Selam arkadaşım

.indexkonu {
background: white;
padding: 15px;
border: 1px solid #EEE;
margin-bottom: 20px;
width: 270px;
float: left;
margin-right: 10px;
min-height: 500px;


article {
margin-top: 15px;
float: left;
width: 630px;


bu 2 css sana yeterli olacaktır.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 16:09:29 -->-> Daha önceki mesaj 16:08:47 --

Hatta article width değerini 640px;

yaparsan cok daha şık durucak

whimper · Answer

style.css'in en altına

.post {float:left;width:49%}eklemeyi denermisiniz?

DesignerTr · Answer

ozgurkalyoncu adlı üyeden alıntı:						mesajı görüntüle									Selam arkadaşım

.indexkonu {
background: white;
padding: 15px;
border: 1px solid #EEE;
margin-bottom: 20px;
width: 270px;
float: left;
margin-right: 10px;
min-height: 500px;


article {
margin-top: 15px;
float: left;
width: 630px;


bu 2 css sana yeterli olacaktır.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 16:09:29 -->-> Daha önceki mesaj 16:08:47 --

Hatta article width değerini 640px;

yaparsan cok daha şık durucak 		Çok teşekkur ederim hocam.Sonunda oldu

ozgurkalyoncu · Answer

DesignerTr adlı üyeden alıntı:						mesajı görüntüle									Çok teşekkur ederim hocam.Sonunda oldu  		Rica ederim.