如何將右對齊的Facebook和Twitter按鈕添加到我網站的頁腳？

Question

我爲我的電子商務網站使用Volusion，並希望將Facebook和Twitter按鈕/圖標添加到我網站的頁腳（有點像「cc-wiki」和「Peak Internet」徽標這一頁）。

這裏是我的頁腳的當前HTML代碼。我添加了哪些代碼以使版權和「動力驅動」文本左對齊，並在同一行上添加所需的按鈕，但右對齊？

<div id="footer_bottom"> 
    <!--<div id="footer_right" class="right">--> 

    <!--</div>--> 
    <div id="copyright"> 
     <a href="/terms.asp">Copyright &copy; <script type="text/javascript">document.write((new Date()).getFullYear());</script> &nbsp;Config_CompanyNameLegal&nbsp; All Rights Reserved.</a> 

     <!-- ========================================================================================== 
      VOLUSION LINK - BEGIN 
     =============================================================================================== 
     Customer has agreed per Volusion’s Terms of Service (http://www.volusion.com/agreement_monthtomonth.asp) to maintain a text hyperlink to "http://www.volusion.com" in the footer of the website. The link must be standard html, contain no javascript, and be approved by Volusion. Removing this link breaches the Volusion agreement.--> 

     <br><a style="color: #F0F0F0" href="http://www.volusion.com" title="Shopping Cart Software" target="_blank">Powered by Volusion</a> 
    </div> 
    <!-- ========================================================================================== 
     VOLUSION LINK - END 
    =========================================================================================== -->  
    </div> 
</div> 

Answer 1

您必須對您的div float: left或float:right（東西的這種效果，這是未經測試只是用CSS玩）。

<div id="footer_bottom" style="display: block; width: 100%"> 
    <div id="powered" style="float: left">Powered by Volusion</div> 

    <!--</div>--> 
    <div id="copyright" style="float:right" ><a href="/terms.asp">Copyright &copy; <script type="text/javascript">document.write((new Date()).getFullYear());</script> &nbsp;Config_CompanyNameLegal&nbsp; All Rights Reserved.</a> 
    </div> 
</div> 

記住，你應該有一個CSS（樣式表），並把那我把裏面的style=""到CSS的一切。

例如

/* CSS */ 
#powered { 
    float: left; 
}