نمایش نادرست مطالب وقتی از عکس استفاده می کنم

salim_a · Feb 15, 2013

سلام

دوستان دو لینم زیر رو بیبینید

http://uploadyar.com/s1/13609227721.gif

http://uploadyar.com/s1/13609227732.gif

تو عکس اولی سایت درست نشون میده اما تو عکس دومی وقتی در مطلب از عکس استفاده می کنم قالب قاطی میشه

کد ها:

کد:

<style type="text/css">
body{direction:rtl;  color:#626220;text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:12px;background-color:#ffffce;}
.logo{background-image:url(../images/pic.jpg);height:120px;width:210px;}
a{color:#646421;text-decoration:none}
a:hover{color:#9e9e52;}
a img{border:0 none}
.t-full{width:980px; margin:0 auto;overflow: hidden;background-color:#;border:0px #999 solid; border-radius: 0px 0px 10px 10px;}
.t-small{width:260px; background-color:#ece3aa;
 float:right; 
 
 margin-right:5px;
 margin-top:2px;
 border-radius: 10px 10px 10px 10px;
 border:1px #bab788 dashed;

 }
.t-big{
 width:700px; 
 background-color:#ece3aa;
 float:left; 
 
 margin-left:5px;
 margin-top:2px;
 border-radius: 10px 10px 10px 10px;
 }
.t-top{width:960px;
height:75px;
background-color:#ffffce;
margin:0 auto;
border:1px #bab788 solid; 
 border-radius: 10px 10px 10px 10px;
 margin-top:2px;
}
.t-sub{width:960px;height:20px;background-color:#fgffce;
        margin:0 auto;
        border:2px #bab788 solid; 
 border-radius: 10px 10px 10px 10px;
 margin-top:2px;
}
.clear{
clear:both;
}
 .t-big-b{border:1px #039 dashed;margin-right:10px; width:680px;float:right;}
.block-small{width:250px; margin:0 auto;  border:1px #039 dashed; }
.block-big{width:690px; margin:0 auto;  border:1px #039 dashed;margin-top:2px;}
 .block-big-album{border: 0 dashed #003399;
        display: none;
        margin: 0 auto;
        width: 690px;}
.block-big-small{width:170px;  margin:0 auto;  border:0px #039 dashed;float:right;}
.block-image{ margin-right:3px;width:160px; height:140px;  border:1px solid; }
.dic-album-size{font-family:Tahoma, Geneva, sans-serif; font-size:9px}   
    
.title{width:690px;text-align:right; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight: bold;
}
.fullstory{border:1px #039 dashed;;width:690px;text-align:right; font-family:Tahoma, Geneva, sans-serif; font-size:11px; margin-right:9px;}
.sub{ dashed;width:960px;text-align:right; font-family:Tahoma, Geneva, sans-serif; font-size:9px; margin-right:9px;}
     
</style>
</head>
<body>
{AJAX}


<div class="t-full">
    <div class="t-top">title 
       <div class="logo">aaa</div>
   </div>
  <div class="t-small">menu right
     <div class="block-small"> 
         <div class="title">category</div>
         <div class="sub-title"> test</div>
     </div>    
  </div>
  <div class="t-big"> 
       <div class="t-big-b"> 
           {content}
            {info}

      </div>
  </div>
 </div>
     <div style="clear:both;"  class="t-sub">
    copy right
    </div>

</body>
</html>

ممنون میشم کد ها رو بررسی کنید

با تشکر

pezeshkzade · Feb 15, 2013

بجای این دستور

[CSSS].t-big-b{border:1px #039 dashed;margin-right:10px; width:680px;float:right;}[/CSSS]
از این دستور استفاده کنید:
[CSSS].t-big-b{border:1px #039 dashed;margin-right:10px; width:680px;float:right;display:inline-block;}[/CSSS]

اگه حل شد که هیچ ولی اگر حل نشد این دستور رو اضافه کنید انشالله حل میشه:
[CSSS].t-big-b img {display:inline-block;}[/CSSS]