Html Weebly模板边栏_Html_Css_Sidebar

Html Weebly模板边栏

html css

Html Weebly模板边栏,html,css,sidebar,Html,Css,Sidebar,因此，我使用了一个来自DivTag模板的模板，用于Weebly。我向他们寻求帮助，他们说他们不能帮助我，因为这不是问题，只是一个定制问题我的客户询问是否可以将模板上的侧边栏从右侧移动到左侧。我说过我相信，但我会核实的。我能找到的侧边栏页面的唯一CSS HTML是：我找不到任何地方，它说，目前的侧边栏是在右边。 weebly的问题是他们在页面上有拖放区域，我注意到侧边栏有一个单独的拖放区域特定页面的HTML： <!DOCTYPE html> <html xmlns="htt

因此，我使用了一个来自DivTag模板的模板，用于Weebly。我向他们寻求帮助，他们说他们不能帮助我，因为这不是问题，只是一个定制问题我的客户询问是否可以将模板上的侧边栏从右侧移动到左侧。我说过我相信，但我会核实的。我能找到的侧边栏页面的唯一CSS HTML是：

我找不到任何地方，它说，目前的侧边栏是在右边。 weebly的问题是他们在页面上有拖放区域，我注意到侧边栏有一个单独的拖放区域

特定页面的HTML：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=1024">

<!-- Fonts -->
<link href='http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>

<!-- JS -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

</head>

<body class='no-header  wsite-theme-light'>

<div class="note" style="text-align: center;"><p>This gap is here to allow you to see the text tool bar for the header bar below. When site is published, the gap will disappear</p></div>

<div id="wrapper">

    <div id="bar">
        <div class="frame clearfix">
            <div class="bar-text"><p>{call:text}</p></div>
            <div id="search-button"><i class="af-search"></i></div>
            <div class="social-frame">{social}</div>                
            <div class="search-bar">{search}</div>
        </div>
    </div>  

    <header id="header">
        <div class="navContainer clearfix">
            <div class="logo med-padding">{logo}</div>
            <nav><div id="navigation">{menu}</div></nav>  
        </div>
    </header>

    <div id="main" role="main">
        <div class="frame">
            <div class="content table">                     
                <div class="column32 table-content large-padding">{content}    </div>                   
                <div class="column3 table-content large-padding sidebar-content">{side:content}</div>
            </div>
        </div>
    </div>

    <footer>
        <div id="footer" class="large-padding clearfix">
            <div class="frame">
                <div class="note" style="text-align: center;"><p>Drag &amp; drop footer content here</p></div>
                <div id="footer-content" class="med-padding">{bottom:content}    </div>                 
                <div id="footer-content" class="med-padding"     style="display:none;">{footer}</div>
            </div>
        </div>
        <div id="footer-bottom" class="feature small-padding">
            <div class="frame">
                <div class="copyright"><p>{copyright:text}</p></div>
            </div>
        </div>
    </footer>


</div>


<script type="text/javascript" src="/files/theme/basic-header.js"></script>

</body>
</html>

当你找到解决办法的时候。你能给我解释一下，为什么你说的话需要成为一种语言吗。我在努力学习，我能吸收的知识越多越好

非常感谢。

耶，我得到了一些好的建议，我想我会和其他人分享

在HTML上将第3列移到第32列上方

<div id="main" role="main">
    <div class="frame">
        <div class="content table">                     
            <div class="column32 table-content large-padding">{content}         </div>                   
            <div class="column3 table-content large-padding sidebar-content">{side:content}</div>
        </div>

我注意到了这一点，它可能是一个输入错误。不确定在HTML中，类可能需要是column2。如果是这种情况，在CSS中，有一个规则。column2的浮点值设置为左。你可以把它改成右边。不幸的是，这不是打字错误。css下面是第32列。然后浮子离开了。我试图将其更改为“右”，但没有任何影响。还有其他建议吗？

<div id="main" role="main">
    <div class="frame">
        <div class="content table">                     
            <div class="column32 table-content large-padding">{content}         </div>                   
            <div class="column3 table-content large-padding sidebar-content">{side:content}</div>
        </div>