人无癖不可与交，以其无深情也。

人无疵不可与交，以其无真情也。

日志

关于我

幽谷星尘

文章分类

LOFTER精选

八招诀窍，教你实力撩妹 >

图片无法实现无缝对接的关键所在

2011-05-16 05:37:39| 分类：图效代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

图片无法实现无缝对接的关键

编辑制作：幽谷星尘

图片无法实现无缝对接的关键所在 - 幽谷星尘 - 人无癖不可与交，以其无深情也。

上图所示是一个朋友日志中图片，朋友在日志中表述“在博客上传图片时，也就是切割后的图片，在日志中怎么也编辑不好。在日志编辑器中位置居左、居右，图片大小都尝试了，还是有缝隙。”其实我们只要掌握一点，实现图片无缝对接的根本所在是两个图片必须均“无边框”，即边框的像素值必须是“0”，不是靠“位置居左、居右”能解决问题的，掌握了这个要素，再来讨论无缝对接问题就一点也不成问题了，我们先把朋友这个图片的代码译出：

经过分析我们发现，这个代码中的红色部分“MARGIN: 0px 0px 0px 10px;”，分明表示第二个边框有像素为10的边框，当然是无法实现无缝对接了，我们如果把“MARGIN: 0px 0px 0px 10px;”，去掉，再去除蓝色部分表示另起一段的无效代码【</P>
<P style="TEXT-INDENT: 2em" align=right>】，以为有了这个代码，图片实际把分布在两行上了，所以也不能完成无缝对接的命令。

其完整的代码应该是：

<P style="TEXT-INDENT: 2em"><IMG style="WIDTH: 388px; HEIGHT: 465px" height=483 src="http://img542.ph.126.net/-ZJdpHom0ZK3EknNAPefKA==/2661627379777143858.gif" width=409 __1305492701890__="ev_7042692001"><IMG style="FLOAT: none; WIDTH: 390px; HEIGHT: 465px; cssFloat: none" height=489 src="http://img849.ph.126.net/qqoeaCj5QO11wVvvzvTKgQ==/2701878301447105165.gif" width=410 __1305492701890__="ev_2065520668"></P>

然后把代码载入日志以后，就OK了。

图片无法实现无缝对接的关键所在 - 幽谷星尘 - 人无癖不可与交，以其无深情也。

欢迎光临幽谷星尘家园 欢迎光临幽谷星尘家园

留言

博友

相册

首页

幽谷星尘家园欢迎你

博客技巧	电脑技巧	博客代码	原创作品	漂亮妹妹	天下美图
音画图文	书画艺术	精美动画	精美边框	精美素材	在线影视
网址导航	在线制作	点击查看本站更多精彩		电子图书	立地书厨

欢迎光临幽谷星尘家园

日志模板

幽谷星尘推荐阅读：

靓女日志边框荟萃 2011.04.02 靓女日志边框荟萃

特效代码荟萃导航模块代码 2011.04.07 特效代码荟萃导航模块代码

带滚动条的表框制作技巧 2011.04.09 带滚动条的表框制作技巧

溱湖——湿地之美 2011.04.14 溱湖——湿地之美

评论这张

转发至微博

阅读(325)| 评论(3)

历史上的今天

在LOFTER的更多文章

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_095066092082086070080080087095082080088075093083084075',
              blogTitle:'图片无法实现无缝对接的关键所在',
              blogAbstract:'<P align=\"center\"\>  <TABLE border=\"0\"\>  <TBODY\>  <TR\>  <TD style=\"FILTER: Alpha(opacity=90,style=2);\" width=\"400\" background=\"http://img314.ph.126.net/dt_7UOtOSsRM_bZkPzWgMQ==/3882665828746814087.gif\" height=\"300\"\></TD\></TR\></TABLE\>  </P\>  ',
              blogTag:'',
              blogUrl:'blog/static/66989528201141645811741',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1306184334810,
              publishTime:1305495459242,
              permalink:'blog/static/66989528201141645811741',
              commentCount:3,
              mainCommentCount:2,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/66989528201141645811741">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 博客风格 - 手机博客 - 下载LOFTER APP - 订阅此博客

人无癖不可与交，以其无深情也。

导航

日志

图片无法实现无缝对接的关键所在

历史上的今天

最近读者

热度

在LOFTER的更多文章

评论

页脚