p CSS不工作

Question

這是應該發生的事情：

這是正在發生的事情：

的CSS

p { 
     background: #efefef; 
     background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
     background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
     background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
     box-shadow: 0px 0px 9px rgba(0,0,0,0.15); 
     padding: 5px 20px; 
     border-radius: 10px; 
     list-style: none; 
     position: relative; 
     display: inline-table; 
     color: #010101; 
     text-align:center; 
     margin-left: 20%; 
     margin-right: 20%; 
     z-index: -1; 
} 

THE HTML

<p> 
     <ul> 
       <li><a href="03.html">Spain 2003</a></li> 
       <li><a href="04.html">Costa Rica 2004</a></li> 
       <li><a href="05.html">Spain & Portugal 2005</a></li> 
       <li><a href="06.html">Spain, France, & Italy 2006</a></li> 
       <li><a href="07.html">Peru 2007</a></li> 
       <li><a href="08.html">Edinburgh, London, Paris, & Barcelona 2008</a></li> 
       <li><a href="09.html">Costa Rica 2009</a></li> 
       <li><a href="10.html">Australia, New Zealand, Hawaii, & Fiji 2010</a></li> 
       <li><a href="11.html">Spain & Morocco 2011</a></li> 
       <li><a href="12.html">Rome & Greece 2012</a></li> 
       <li><a href="13.html">Costa Rica 2013</a></li> 
     </ul> 
</p> 

Answer 1

然後冷杉st形象將是你的答案！ ：/你爲什麼不告訴我們你怎麼寫這個東西？

這只是CSS錯誤，你只是創建psd並試圖將其轉換爲HTML？這不會發生。

p CSS不工作時，我把它放在一個列表

不要添加p到列表（li）。下面是一個例子

您不能將p添加到li其非法HTML中。

然而唯一的問題是在UI中搞亂了！

第一張圖片顯示某種幻燈片查看器，但第二張圖片正在顯示列表。在我看來，它實際上是在工作。你說你剛剛把這個物品放在一個清單中然後它顯示一個清單，那裏缺少了什麼？這就是清單顯示的方式！

如果你想顯示列表中的圖像，然後嘗試在列表中添加圖像:)只需添加一些CSS的代碼，這將工作！

祝你好運，歡呼！

嘗試提供一些代碼：給我們一些例子或你有的代碼，我們可以修復它！但是我們不能給你提出意見，這是它的主題。對不起:(

增加：

<p> 
    <ul> 
      <li><a href="03.html">Spain 2003</a></li> 
      <li><a href="04.html">Costa Rica 2004</a></li> 
      <li><a href="05.html">Spain & Portugal 2005</a></li> 
      <li><a href="06.html">Spain, France, & Italy 2006</a></li> 
      <li><a href="07.html">Peru 2007</a></li> 
      <li><a href="08.html">Edinburgh, London, Paris, & Barcelona 2008</a></li> 
      <li><a href="09.html">Costa Rica 2009</a></li> 
      <li><a href="10.html">Australia, New Zealand, Hawaii, & Fiji 2010</a></li> 
      <li><a href="11.html">Spain & Morocco 2011</a></li> 
      <li><a href="12.html">Rome & Greece 2012</a></li> 
      <li><a href="13.html">Costa Rica 2013</a></li> 
    </ul> 
</p> 

嗯，這是工作:)你可以看到列表中出現，現在你可以這樣做：

ul li { 
display: inline; 
} 

ul { 
list-style: none; 
} 

然後添加圖像出現，這樣你會得到像你那裏的圖像縮略圖，

而在此列表上方，顯示另一個圖像，將用作主要或wha tever任您呼叫的，大的圖像。你會得到你在第一個圖像中的那個。然後將它們全部綁定在一個div內，並設置borderwidth高度填充和其他屬性，以使其啓動。

在我看來：你正在使用的代碼正在工作。這是完美的！