2017-04-09 35 views
-1

我想讓我的網站更適合搜索引擎。在丁,所以我正在嘗試更正validator.w3.org中列出的所有警告和錯誤。使用驗證器

我想糾正的錯誤之一是: 表元素的width屬性已過時。改用CSS。

的代碼是:

<table width="1100" border="0" cellspacing="0" cellpadding="0" align="center"> 

是否有人可以提供這樣一個使用CSS來編寫一個例子嗎?

回答

0

快速和骯髒的:

<table style="width: 1100px; text-align: center; border: 0px; border-collapse: collapse;"> 

正確的辦法是扔掉所有的CSS到一個單獨的文件,並通過

<link rel="stylesheet" type="text/css" href="style.css"> 

與style.css中存在的內容鏈接吧:

table { 
    width: 1100px; 
    text-align: center; 
    border: 0px; 
    border-collapse: collapse; 
} 

多表更新:

<table id="table-one"> ... </table> 
<table id="table-two"> ... </table> 
在CSS文件

table { 
    text-align: center; 
    border: 0px; 
    border-collapse: collapse; 
} 

table#table-one { 
    width: 1100px; 
} 

table#table-two { 
    width: 980px; 
} 

但如果你建立自己的網站,爲什麼不看看學習CSS? https://www.codecademy.com/learn/learn-html-css是一個很好的開始。

+0

太棒了!謝謝。我創建了css文件並引用了它,並且錯誤已解決。但現在我在同一頁上有另一張桌子: –

+0

+0

我該如何識別在新的CSS文件中的表?在原始的css文件中,「包裝器」確實存在,但是沒有對錶格的引用。 –

相關問題