css - 爲什麼我的文本框不顯示？

在my website的「Presse and Medias」一節中，我想讓一個白色方塊在視頻旁邊顯示幾個px（右側），其中帶有「hello」一詞。不幸的是，這是行不通的。我看到這個詞你好，但不是在一個白色的廣場。任何想法是什麼問題以及如何解決它？非常感謝，css - 爲什麼我的文本框不顯示？

這裏是我的html：

<div class="section" id="medias"> 
<div class="center"> 
    <iframe width="350" height="200" class="youtube-player" src="http://www.youtube.com/embed/qqXi8WmQ_WM" frameborder="0" allowfullscreen></iframe> 
<div id="medias-txt" 
     <p>hello</p></div> 
</div> 
</div><!--END page4-->

這裏是我的CSS：

#medias-txt 
{ 
    background-color:#fff; 
    color:#000; 
    width:100px; 
    height:100px; 
    padding:10px; 
    float:right; 
}

來源

2012-07-21 Greg

你有沒有試過相對定位？ – KMC 2012-07-21 09:24:38

你不關閉你的div標籤

<div class="section" id="medias"> 
<div class="center"> 
    <iframe width="350" height="200" class="youtube-player" src="http://www.youtube.com/embed/qqXi8WmQ_WM" frameborder="0" allowfullscreen></iframe> 
<div id="medias-txt"> 
     <p>hello</p></div> 
</div> 
</div><!--END page4-->

這應該做的伎倆。

PS愛那個頁面:)

來源

2012-07-21 09:20:16 Fraser

好點！謝謝;）這就是說我已經關閉了div標籤，但仍然沒有看到白色的正方形......（已經上傳了一個關閉標籤的新版本）。任何想法？ – Greg 2012-07-21 09:57:23

我想我已經明白了。我看了一下firebug中的styles.css樣式表，在＃medias-txt之前有幾個空格。我在螢火蟲中刪除了這些，並且風格被踢進了。我不確定爲什麼這會引起問題。也許有些錯誤的性格。我直接看了一下樣式表的來源，似乎並沒有出現在那裏。嘗試刪除＃medias-txt和YouTube播放器風格聲明的結尾之間的任何間距，看看是否可行 – Fraser 2012-07-21 10:13:15

天哪。這讓我發瘋......我現在已經刪除了多餘的空格（也改變了大小（2）視頻周圍的白框消失，（3）「hello」文本正在視頻下方... Grrrrr ... – Greg 2012-07-21 13:06:33

-1

上的視頻在你的CSS，你需要冒號和內容之間加空格。例如：

#medias-txt 
{ 
background-color: #fff; 
color: #000; 
width: 100px; 
height: 100px; 
padding: 10px; 
float: right; 
}

來源

2015-07-28 15:15:54 sam

在CSS空白處沒有區別。 – 2015-07-28 15:37:16

css - 爲什麼我的文本框不顯示？

回答

相關問題