2012-08-07 61 views
0

我使用下面的代碼行中我html頁的footer顯示一些東西:顯示標題並聯footer.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<body> 
    <div class="linksc" id="link_container" style="text-align:left;padding:20px 0;width:940px;margin-right:1000px;margin-left:10px;"> 
      <div class="links"> 
       <u> 
        <li>Site Navigation</li> 
        <ul> 
         <li><a href="#">About Us</a></li> 
         <li><a href="#">Contact Us</a></li> 
         <li><a href="#">FAQ's</a></li> 
         <li><a href="#">Privacy Policy</a></li> 
         <li><a href="#">Sell on ULTABUY</a></li> 
         <li><a href="#">Testimonials</a></li> 
         <li><a href="#">Blog</a></li> 
        </ul> 
       </ul> 
      </div> 
      <div class="links" style="text-align:left;padding:20px 0;width:940px;position:relative;left:300px; top:20px"> 
       <ul> 
        <li>How Site Works</li> 
        <ul> 
         <li><a href="#">How Does ULTABUYWork?</a></li> 
         <li><a href="#">FAQ</a></li> 
         <li><a href="#">Shipment and Delivery</a></li> 
         <li><a href="#">Returns and Warranties</a></li> 
         <li><a href="#">My Account</a></li> 
         <li><a href="#">Payment Methods and Security</a></li> 
         <li><a href="#">Protection and Prevention</a></li> 
         <li><a href="#">Technical Information</a></li> 
        </ul> 
       </ul> 
      </div> 
     </div> 


</body> 
</html> 
<?php 

    echo "<p>Copyright &copy 2012</p>"; 
?> 

我想顯示在平行Site NavigationHow Site Works鏈接(目前它們被顯示爲一個在另一個之下)。我該怎麼做?感謝致敬。

+3

我不認爲你應該附和你的' 「

版權及複製2012

」;'後''。你應該把這個放在''之前。此外,你應該在'&copy'之後加上';'。 – arnoudhgz 2012-08-07 12:44:47

回答

2

float:left添加到第一格的樣式和float:right第二。

+0

如果我有3-4個標題,該怎麼辦? – kamalbhai 2012-08-07 12:49:30

+0

您可以使用單行和多列的表格佈局。 – 2012-08-07 12:51:04

+0

有沒有其他方式除了浮動?我想在中心顯示「網站的工作方式」,而不是在右側。 – kamalbhai 2012-08-07 13:45:56

0
display:inline-block; 
float:left; 

Fiddle

編輯:

無浮在這裏:

New Fiddle

+0

有沒有其他方式除了浮動?我想在中心而不是在右邊顯示「網站的工作方式」。 – kamalbhai 2012-08-07 13:40:41

+0

編輯。覈實。 – Prasanth 2012-08-07 13:48:42