我如何將文本放入頁腳邊距

我知道這對大多數人來說可能非常簡單，但它會踢我的屁股。我使用Dreamweaver CS6構建我的企業網站，以編輯從免費網站模板下載的模板。我遇到的問題是我無法將頁腳右側的鏈接粘貼到頁腳中。我不確定這是HTML問題還是CSS問題。下面是什麼我談論的例子：我如何將文本放入頁腳邊距

左邊距.........右邊距

首頁...關於... ...畫廊聯繫

它似乎沒有關係，有多少鏈接，最後一個懸於頁腳。我會很感激你能給我的任何幫助。謝謝。

http://tinypic.com/r/2nvcljq/6

Fiddle

#footer ul.navigation { 
float: right; 
display: inline-block; 
line-height: 24px; 
list-style: none; 
margin: 0; 
padding: 0; 
} 
#footer ul.navigation li { 
float: left; 
margin-left: 15px; 
} 
#footer ul.navigation li:first-child { 
margin-left: 0; 
} 
#footer ul.navigation li a { 
color: #ab7d0f; 
font: 11px/24px "Oswald"; 
text-decoration: none; 
text-transform: uppercase; 
} 
#footer ul.navigation li a:hover { 
color: #241b18; 
} 
#footer #footnote { 
color: #ab7d0f; 
font: 11px/24px "Oswald"; 
margin: 0; 
text-transform: uppercase; 
} 


<div id="footer"> 
    <div> 
     <div id="links"> 
     <div class="showroom"> 

       <p>4885 Wilson Street<br> Victorville, CA 92392<br><br> 702-409-5373<br> 
       <br> 
        <a href="index.html">[email protected]</a> 
      </p> 
      </div> 

     <ul class="navigation"> 
      <li><a href="index.html">Home</a> 
       <a href="about.html">About</a><a href="gallery.html"> Gallery</a> 
       <a href="contact.html">Contact</a> 
      </li> 
     </ul> 
     <p id="footnote"> 
      © Copyright TIBISI, Inc 2013. All Rights Reserved. 
     </p> 
    </div> 
</div>

來源

2013-03-09 Frankie

碼？截圖？ – 2013-03-09 03:20:24

我找不出如何添加屏幕截圖。 – Frankie 2013-03-09 03:39:34

正如我在鉻看到它運作良好。你在哪個瀏覽器中看到這種行爲？ – Branislav 2013-03-09 03:45:29

我建議這一個

#footer ul.navigation { 
    float: right; 
    display: block; 
    line-height: 24px; 
    list-style: none; 
    margin: 0; 
    padding: 0 10px 0 0; 
}

小提琴的，你的頁面的頁腳看起來不一樣，雖然替代目前#footer ul.navigation規則。

來源

2013-03-09 04:02:29 Branislav

修好了！非常非常感謝你！！ – Frankie 2013-03-09 04:05:44

不客氣。但修復[Tieson T.]（http://stackoverflow.com/users/534109/tieson-t）提到的，當然接受答案... – Branislav 2013-03-09 04:07:02

這看起來並不正確的對我說：

<ul class="navigation"> 
    <li><a href="index.html">Home</a> 
     <a href="about.html">About</a><a href="gallery.html"> Gallery</a> 
     <a href="contact.html">Contact</a> 
    </li> 
</ul>

如果列表是爲了使用我會假設，標記應該是這樣的：

<ul class="navigation"> 
    <li><a href="index.html">Home</a></li> 
    <li><a href="about.html">About</a><a href="gallery.html"> Gallery</a></li> 
    <li><a href="contact.html">Contact</a></li> 
</ul>

來源

2013-03-09 04:04:42

也謝謝！我不知道爲什麼會這樣，但我改變了它。 – Frankie 2013-03-09 04:14:28

@ user2150599您對Branislav的回答發表了評論，他的建議奏效。如果它確實解決了問題，您應該將他標記爲答案。無論如何，歡迎您。 – 2013-03-09 04:18:30

是的，我也注意到了。感謝您的公平參與。 – Branislav 2013-03-09 04:23:58

我如何將文本放入頁腳邊距

回答

相關問題