发新话题
打印

[求解] 如何将三栏互换位置.

如何将三栏互换位置.

如图所示.如何将红框与蓝框互换位置?请高手给个详细过程.小弟感激不尽!
附件: 您所在的用户组无法下载或查看附件

TOP

那还是给个css手册给你吧,够详细了……

TOP

这要你一点一点调的
风落阁--我的博客
叶落阁--我偶像的博客

TOP

我调了半天.红框移到蓝框位置后.最左边的栏目会整体下移.不知为什么.到底是如何控制的啊.

这是那三个栏在CSS中的定义.
#sidebar_l{
        width:167px;
        float:left;
        background:url("dmno/bg_l_sidebar.gif") no-repeat 166px 0px;
        }
#sidebar_r{
        width:195px;
        float:right;
        margin-right:7px;
        }

#divMain{
        width:616px;
        margin:0;
        padding:0 0 0 0;
        text-align:left;
        float:right;
}

这是DEFAULT.HTML中的代码:
<div id="main_bg">
                <div id="divMain">
<#template:article-multi#>
<div class="post">
  <div class="pagebar"><#template:pagebar#></div>
</div>
                </div>
                <div id="divSidebar">
                <div id="sidebar_l">
<div class="catalog_top"></div>
<div class="function" id="divCatalog">
<h3><#ZC_MSG026#></h3>
<ul>
<#CACHE_INCLUDE_CATALOG#>
</ul>
</div>

<div class="function" id="divSearchPanel">
                <h3><#ZC_MSG085#></h3>
                <ul>
                <li>
                <form method="post" action="<#ZC_BLOG_HOST#>cmd.asp?act=Search">
                <input type="text" name="edtSearch" id="edtSearch" size="12" />
                <input type="submit" value="<#ZC_MSG087#>" name="btnPost" id="btnPost" />
                </form>
                </li>
                </ul>
                </div>

<div class="function" id="divSTATISTICS">
                <h3><#ZC_MSG029#></h3>
                <ul>
                <#CACHE_INCLUDE_STATISTICS#>
                </ul>
                </div>

<div class="function" id="divfavorite">
<h3>我的收藏网站</h3>
<ul>
<#CACHE_INCLUDE_FAVORITE#>
</ul>
</div>

<div class="function" id="divLinkage">
<h3><#ZC_MSG031#></h3>
<ul>
<#CACHE_INCLUDE_LINK#>
</ul>
</div>

<div class="function" id="divMisc">
<h3><#ZC_MSG039#></h3>
<ul>
<#CACHE_INCLUDE_MISC#>
</ul>
</div>
                </div>
                <div id="sidebar_r">

               
<div class="function" id="divPrevious">
<h3><#ZC_MSG032#></h3>
<ul>
<#CACHE_INCLUDE_PREVIOUS#>
</ul>
</div>

<div class="function" id="divComments">
<h3>最新评论</h3>
<ul>
<#CACHE_INCLUDE_COMMENTS#>
</ul>
</div>

<div class="function" id="divguestcomment">
<h3>最新留言</h3>
<ul>
<#CACHE_INCLUDE_GUESTCOMMENTS#>
</ul>
</div>


                </div>
                </div>
                </div>

请达人高手告知调整哪里可以决定位置.^_^

TOP

发新话题