2014-12-30 37 views
-2

由於某種原因,我結束的div標籤的一些援助,但框下的文字犯規顯示: http://codepen.io/refath1/pen/NPbKaB我需要使用div標籤

</div> 
So,we know everything 
+0

爲什麼你有你的CSS在HTML框?爲什麼在那裏有''和''標籤。嘗試清理你的例子,也許會解決它。 –

+1

您應該瞭解如何構建HTML文檔...以下是一個正確構建的HTML 5文檔示例:http://css-tricks.com/snippets/html/html5-page-structure/ – Jeffpowrs

+1

另外,不要'使用''標籤。使用CSS。另外,您似乎已經忘記了大部分''標籤。 –

回答

4

它的存在,但你忘了關閉<font>標籤之一,所以它只是白:

CODEPEN

<font color=white>裏面的<div>從未關閉。嵌套HTML是一種好習慣,以便您可以看到發生了什麼:

<div> 
    <font color=white> 
    A car is traveling at <i>x</i> mph.The car has traveled 
    <font color=yellow> 
     <u>57 miles</u> 
    </font> 
    over a time span of 
    <font color=lightblue> 
     <u>9 Hours</u> 
    </font>. 
    What was the car's 
    <b> 
     <font color=lightgreen> 
     Average Speed? 
     </font> 
    </b> 
    </font> <-------THIS WAS MISSING 
</div> 

So,we know everything 
+0

Thanks-Djave指出它 – DarkRunner

+0

@RefathBari Djave指出它是白色的,但你需要閱讀我的答案,以瞭解爲什麼它是白色的。你沒有關閉標籤。 – jmore009

+0

我知道 - 不要假設我是一個不知道如何結束字體標籤的新手。 – DarkRunner

2

的文字是白色的白色,所以你不能看到它。

編輯:只是,爲了記錄,這是我見過的最糟糕的一些html!非常'90年代。我建議尋找一些基本的HTML教程 - 也許對像https://www.khanacademy.org/或只是谷歌的HTML和CSS教程

+0

謝謝!它的讚賞。 – DarkRunner

+0

Naa,沒有必要。我唯一關心的就是它是否有效。 – DarkRunner

+0

夠公平的! :) – Djave

0

您有一個未封閉的標記。

<font color=lightgreen> 

沒有對應的關閉標記。

順便說一下,您不應該使用<font>標籤,因爲它們已被棄用。最好使用CSS進行格式化。

+0

他有*許多*更多unclosed''標籤 –

+0

你是對的。關閉那個讓文字可見。 – recursive

0

完整的代碼時,你永遠打開任何標籤,必須在你的代碼</>

因錯誤的結束是<font color=lightgreen>沒有結束標記像</font>

試試這個

  <style> 
      div { 
       background-color: #FF9494; 
       width: 300px; 
       padding: 25px; 
       border: 2px solid; 
       box-shadow: 10px 10px 5px #888888; 
       box-shadow-color:lightgreen; 
       border-radius: 25px; 
       border: 25px solid lightpink; 
       margin: 25px; 

      } 
     </style> 
    </head> 
    <body> 
     <h1><font color=lightgreen>An Introduction to </font><font color=lightblue>Physics</font></h1> 
     <h2><font color=#FF9494><u>Speed</u></font></h2>To find the speed of a given object,we must know the distance it has traveled as well as the<i> t</i> time it took for the object to travel <i>d</i> distance.Lets apply what we know to this problem: 
     <div><font color=white>A car is traveling at <i>x</i> mph.The car has traveled <font color=yellow><u>57 miles</u></font> over a time span of <font color=lightblue><u>9 Hours</u></font>.What was the car's <b><font color=lightgreen>Average Speed</font></b> ? </font></div> 
     So,we know everything 
    </body> 
+0

感謝您的幫助,但我已經修復了它 – DarkRunner