Yazıları Resime Yaslama

Selam dostlarım,

uzun süredir uğraşıyorum ve sorunun temadan olduğuna inancım arttı. Resimdede gördüğünüz gibi yazılar soldaki şekilde resmin altında çıkıyor. Benim istediğimse sağdaki gibi olması. Temamım style dosyasını çok inceledim çok değişiklik denedim ama bir türlü yapamadım. Farklı temalarda sorun olmuyor yalnız elimde O2 teması var ve temayı değiştiremem o nedenle bu sorunu çözmem şart. Yardımcı olmaya çalışanlara şimdiden çok çok teşekkürler.

resim kodunu

şeklinde ekleyin yazıya. zengin editörden değil html'den ekleyebilirsiniz. bu şekilde olur herhalde.

Denedim ancak resmi çok içeri attı. Tam olmasada biraz çözüm sağladı rep veriyorum arkadaşım çok teşekkürler. Bu sorunu kökten çözmek için tema kodlarıyla alakalı bşy yapmak lazım sanırım. Başka fikrin varsa veya fikri olan başkası varsa memnun olurum.

benim verdiğim kod bu şekilde sağa atmaz resmi. css dosyasında "img" ifadesini aratıp, padding veya margin diye bir ifade kullanılmış mı ona bakın.

bir de galiba başlık ile ilgili bir konuya da benziyor. tema dosyasının içinde, başlığın altına(veya yazı ile ilgili bölümün üstüne) kodunu ekleyip deneyin.

Yok abi css'de öle bişey olsa yazılar biraz daha üstte olur.Temanın kullandığı kodlardan oluyor.

Yinede denemelik olarak arkadaş başka temadan css alıp atsın bakalım olcak mı? Olursa css ile ayarlayabiliriz

 
body, h1, h2, h3, h4, h5, h6, p, form {
 margin: 0;
 padding: 0;
}
body {
 margin: 0;
 font-family: Calibri, Verdana, Georgia, Sans-serif;
 font-size: 12px;
 vertical-align: top;
 background-color: #fe6602;
         background-image: url(images/arkaplan.jpg);
         background-repeat: repeat-x;
}
h1 {
 font-family: Calibri, Verdana;
 font-size: 30px;
 padding: 0 0 10px 0;
}
a:link, a:visited {
 text-decoration: none;
 color: #336699;
}
a:hover {
 text-decoration: none;
}
p {
 padding: 10px 0 0 0;
}
#outer {
        width:970px;
        background:#fff;
        margin: 5px auto 1px auto;
        padding: 0 0 1px 0;
}
#wrapper{
 margin: 0 auto 0px auto;
 width: 966px;
 text-align: left;
}
/*++++++++++++++++++++++++++++++ Header +++++++++++++++++++++++++++++++++*/
#header{
 float: left;
 width: 958px;
        height: 89px;
        background: #0099cb; 
        margin:1px auto;
        padding: 2px 0 2px 8px;
        text-decoration:none;
        background:url(images/header.jpg) repeat-y;
}
#header_l {
        float:left;
        width:400px;height:90px;
        margin-bottom:10px; padding:0;
}
#header_r {
        float:right;height:91px;width:506px;
        margin:0; padding:0;
        background-image:url(images/ads-holder.jpg);
}
/*++++++++++++++++++++++++ 468x60 banner zone +++++++++++++++++++++++++++*/
#header_r_ads {
        margin:2px 0 0 39px; padding:0;
        width:468px;
        height:62px;          
}
/*+++++++++++++++++++++++ Main menu & rss feed ++++++++++++++++++++++++++*/
#nav {
        clear:both;
        margin:1px auto 1px auto;
        width: 966px;
        height:31px;
        background: url(images/topmenu.jpg) repeat-x;
        overflow:hidden; 
}
#nav_l {
        float:left;
        width:865px;  
        margin:0px; padding:0px; 
        overflow:hidden;
        height:31px; 
}
.menu {
        float:left;
        margin:5px 1px;
        padding:3px;
        width:500px;
}
 
.menu li {
 display: inline;
 list-style: none;
 margin:0;
 padding:0;
}
.menu ul, .menu ol {
        display: inline;
 list-style: none;
 margin:0;
 padding:0 10px 0 0;
}
 
.menu a, .menu a:visited {
 color: #FFFFFF;
 font-weight: bold;
 margin:0;
 padding: 3px 10px 3px 10px;
 text-decoration: none;
}
 
.menu a:hover {
 background: #1ba7d4;
 text-decoration: none;
        border:1px solid #fff;
}
 
/*++++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++++*/
#search { 
        height:14px;
        float:right;
        margin:4px 4px 0 0;
}
#search #s { 
        font-size:8pt;
        padding-left:3px;
        padding-bottom:1px; 
        width:180px;
}
input#s { 
        color:#000;
        border:3px solid #7fcbe3;
        background:#fcfcfc;
}
/*+++++++++++++++++++++++++++ Main Column +++++++++++++++++++++++++++++++*/
#container{
 float: left;
 width: 550px;
        padding: 6px 10px 10px 10px;
        text-align:justify;
        background: #fff;
        margin:0 auto 1px auto;
}
.post{
 padding: 2px 6px 10px 6px;
}
.post h2{
 font-family: Calibri, Verdana, Sans-serif;
 font-size: 16px;
         margin:0 5px;
         text-align:left;
}
.entry{
 font-family: Calibri, Verdana, Georgia, Sans-serif;
 font-size: 12px;
        color:#02176b;
 line-height: 1.5em;
 margin: 3px 0 5px 0;
}
p.postmetadata{
 margin: 10px 0 0 0;
        padding:6px;
        background: #fff;
}
.navigation{
 padding: 10px 0 0 0;
 font-size: 14px;
 font-weight: bold;
 line-height: 18px;
}
.navleft{
        margin:0;padding:0;
        float:left; 
}
.navright{
        margin:0;padding:0;
        float:right; 
}
blockquote {
        margin:5px 10px;
        padding:4px 7px 10px 7px;
        font-size:10px;
        color:#336699;  
        border:1px dashed #40a9c9;
        background: #d8eaee url(images/quote.gif) no-repeat 10px 4px;        
}
 
blockquote blockquote {
        margin:5px 10px;
        padding:4px 7px 10px 7px;
        font-size:10px;
        background:#51d600; 
        color:#336699;  
        border:1px dashed #40a9c9;
        background: #d8eaee url(images/quote.gif) no-repeat 10px 4px;      
}
 
/*+++++++++++++++++++++++++++ Post Header +++++++++++++++++++++++++++++++*/
 
.post_header {
        margin:0; padding:0;
        height:60px;
        background:#fff;
}
 
.post_headerr {
        margin:0; padding:0;
 
}
 
.post_title {
        margin:0 5px; padding:2px 0 0 0;
}
 
.details {
        margin:0; padding:4px 0;
        border-top:1px dashed #bc581c;
}
 
.files {
        background:url(images/folder.gif) no-repeat;
        margin:0; padding:0 0 0 20px;
}
 
.comment_list {
        background:url(images/list_comments.gif) no-repeat;
        margin:0; padding:0 0 0 20px;
}
 
.edit {
        background:url(images/edit.gif) no-repeat;
        margin:0; padding:0 0 0 20px;
}
 
/*++++++++++++++++++++++++++++ Post Date ++++++++++++++++++++++++++++++++*/
 
.the_date {
        display:block;
        text-align: center;
        float:left;height:65px;
        font-family: Arial, Helvetica, sans-serif;
        width:62px;
        margin:0px 5px 0 0;
        background:url(images/calendar.jpg);
}
 
.date_m {
        display:block;
        font-size: 0.9em;
        margin:0;
        padding-top:5px;
        color:#fff;
        font-weight: bold;
        text-align:center;
}
 
.date_d {
        display:block;
        font-size:1.2em;
        margin:0;
        color:#336699;
        font-weight: bold;
        padding:0.7em 0 1.1em 0;
        text-align: center;
}
 
/*+++++++++++++++++++++++++++++ Comment +++++++++++++++++++++++++++++++++*/
 
#commentsbox { 
        margin: 0px; padding: 0px; 
        float: left; 
        width: 540px; 
        font-size:11px;
}
 
#comments h2 { 
        margin:5px 0 0 0; 
        padding:0; 
        color:#ff5c00; 
        font-size:14px; 
        font-weight:normal;
}
h3 #respond  {
        margin:10px 0; 
        padding:0; 
        color:#ff5c00; 
        font-size:14px; 
        font-weight:normal;
}
 
.boxcomments { 
        margin-bottom:20px;
        width:520px;
}
#commentform { 
        border-top:1px solid #eee;
        margin:0;padding:15px 15px 1px;
}
 
#commentform label { 
        display:block;
        margin:0;
}
 
#commentform input { 
        width:170px;
        margin:0 5px 10px 0;
        padding:1px;
}
 
#commentform textarea { 
        width:400px;margin:0 0 10px;
        padding:0;
        }
 
#commentform #submit { 
        margin:0 0 20px;
}
 
#commentform p { 
        margin:5px 0; 
}
 
ol.commentlist { 
        margin:0 0 1px;
        padding:0;
}
 
ol.commentlist li { 
        border:1px dashed #31afda;
        display:block;
        list-style:none;margin:7px 0;
        padding:6px 15px 12px 15px; 
        background:url(images/comment_l.jpg) repeat-x;
}
 
ol.commentlist li.mycomment { 
        border-bottom:20px solid #fff; 
        display:block;
        list-style:none;
        margin:7px 0;padding:5px 15px 1px; 
        background:#f3fdff;
}
 
ol.commentlist li.commenthead { 
        display:block;
        list-style:none;
        margin:0;padding:5px 15px;
}
 
ol.tblist { 
        list-style:none;
        margin:0 0 1px;
        padding:0;
}
ol.tblist li { 
        display:block;
        list-style:none;
        padding:10px 5px 10px 5px;
        margin:0 0 5px; 
        border:1px dashed #ccc;
}
 
input#url,input#author,input#email,textarea { 
        color:#666;
        width:40%;
        border:1px solid #cbcbcb;
        margin-bottom:0.6em;
        background:#fcfcfc;
        margin-top:2px;padding:3px;
}
 
/*++++++++++++++++++++++++++++++ Sidebar +++++++++++++++++++++++++++++++++*/
.sidebar{
 float: left;
 width: 386px;
 margin: 1px 0 0 2px;
        background:#fff;
}
.sidebar ul{
 list-style: none;
 margin: 0;
 padding: 0 10px 0 10px;
}
.sidebar ul li{
 padding: 10px 0;
}
.sidebar ul li h2{
 font-family: Georgia, Sans-serif;
 font-size: 14px;
}
 
.sidebar ul ul li{
 padding: 0;
 line-height: 24px;
}
 
/*+++++++++++++++++++++++ Sidebar: Top component ++++++++++++++++++++++++++*/
#sidebar_top {
        margin:6px 0 0 0;padding:8px;
        background:url(images/sidebar_top.jpg) repeat-x;
        width: 369px;
        line-height:16px;
        text-align:justify;
        border:1px solid #91d3e9;
        font-size:11px;
        font-family:calibri;
}
 
#sidebar_top h4 {
        color:#0e5268;
        margin-bottom:3px;
        font-size:14px;
}
 
/*++++++++++++++++++++++ Sidebar: Left component +++++++++++++++++++++++++*/
 
.lsidebar {
        margin:0;padding:0;
        float:left;
        width:184px;
}
 
.lsidebar ul{
 list-style: none;
 margin: 0;
 padding: 0 1px 0 0;
 
}
 
.lsidebar ul li{
 padding: 10px 0 4px 0;
 font-family: Arial, Georgia, Sans-serif;
 font-size: 11px;
        color:#7a888c;
 margin:0;
 
}
 
.lsidebar ul li a:link, .lsidebar ul li a:visited {
        color:#0199cb;
        font-weight:700;
}
 
.lsidebar ul li h2{
 font-family: Verdana,Arial, Georgia, Sans-serif;
 font-size: 11px;
        background:url(images/cat.jpg) no-repeat top left;
        margin:0; padding:7px 0 0 8px;
        height:30px;width:182px;
        color:#fff;
 
}
 
.lsidebar ul ul li{
 padding: 0 0 0 20px;
 line-height: 18px;
 font-family: Arial, Georgia, Sans-serif;
        background:url(images/arrow_blue.jpg) no-repeat 0px 0px; 
}
 
.lsidebar ul ul ul li{
 padding: 0 0 0 14px;
 line-height: 18px;
 font-family: Arial, Georgia, Sans-serif;
        font-size:11px;
        background:url(images/sub-cat.jpg) no-repeat 3px 3px;
}
 
.lsidebar ul ul ul li a:link, .lsidebar ul ul ul li a:visited {
        color:#39b0d8;
        font-weight:700;
}
 
/*++++++++++++++++++++++ Sidebar: Right component +++++++++++++++++++++++++*/
 
.rsidebar {
        margin:0;padding:0;
        float:right;
        width:181px;
}
 
.rsidebar ul{
 list-style: none;
 margin: 0;
 padding: 0 1px 0 0;
}
 
.rsidebar ul li{
 padding: 10px 0 4px 0;
 font-family: Arial, Georgia, Sans-serif;
 font-size: 11px;
        color:#7a888c;
 margin:0;
}
 
.rsidebar ul li a:link, .rsidebar ul li a:visited {
        color:#0199cb;
        font-weight:700;
}
 
.rsidebar ul li h2{
 font-family: Verdana, Arial, Georgia, Sans-serif;
 font-size: 11px;
        background:url(images/cat.jpg) no-repeat top left;
        margin:0; padding:7px 0 0 8px;
        height:30px;width:182px;
        color:#fff;
}
.rsidebar ul ul li{
 padding: 0 0 0 22px;
 line-height: 18px;
 font-family: Arial, Georgia, Sans-serif;
        background:url(images/arrow_blue.jpg) no-repeat 2px 0px; 
}
 
.rsidebar ul ul ul li{
 padding: 0 0 0 14px;
 line-height: 18px;
 font-family: Arial, Georgia, Sans-serif;
        font-size:11px;
        background:url(images/sub-cat.jpg) no-repeat 3px 3px;
        border-bottom:none;
}
 
.rsidebar ul ul ul li a:link, .rsidebar ul ul ul li a:visited {
        color:#39b0d8;
        font-weight:700;
}
 
/*+++++++++++++++++++++++++ Sidebar Calendar ++++++++++++++++++++++++++++++*/
 
table#wp-calendar{
 width: 90%;
        margin:0px auto;
}
 
/*++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++*/
 
#footer{
 clear: both;
 width: 966px;
        background:url(images/footer.jpg) repeat-x;
        padding:10px 0;
        margin:0;
}
#footer p {
 line-height: 13px;
        text-align:center;
        font-weight:700;
        color:#fff;
        padding: 2px 0;
        font-size: 10px;
        font-family:Verdana;
}
 
#footer a {
        color:#afe1f3;
}
 
#footer a:hover {
        color:#53c7f2;
}

css içeriği bu şekilde. Diğer css lere bakarak değiştirmeyi çok denedim ama sanırım bişeyler gözümden kaçıyor. "TylerDurden" in dediği gibi

<div class="clear"></div>

denedim olmadı ve css de görüldüğü gibi "img" diye birşey yok eklenmeli mi acaba?

temayı görmeden son olarak söyleyebileceğim

bu şekilde denemeniz.

Kodları denerken aslında problemin gereğinden fazla altta duran konu tarihinden olduğunu farkettim. Resmin üzerindeki başlık ve tarih gibi göstergeleri eşit seviyeye getirince resim tam istediğim gibi oldu. "Tyler Durden" arkadaşıma çok çok teşekkür ederim.