-5

私には大きな問題があります。外部 .css を使用して HTML をプログラミングしました。しかし、私のすべてはテーブルで働いていません。私はIE8で作業できますが、Firefox、ChromeまたはIE9で開くことができません。助けてください:)

私のHTMLコード:

<!DOCTYPE HTML>

<html>

<head>
<title>Ruf zum Sport</title>
<link rel="stylesheet" type="text/css" href="stylesport.css" media="all" />
</head>

<body>
<h1>Ruf zum Sport</h1>
<table border="">
<tr>
<td class="1" id="general">
<p>Auf, ihr steifen und verdorrten<br>
Leute aus B&uuml;ros,<br>
rei&szlig;t euch mal zum Wintersporten<br>
von den &Ouml;fen los.<br>
</p>
</td>

<td class="2" id="general">
<p>Bleiches Volk an Wirtshaustischen<br>
stellt die Gl&auml;ser fort.<br>
Widme dich dem freien, frischen,<br>
frohen Wintersport.
</p>
</td>
</tr>
</table>
</body>

</html>

CSS コード:

body {
font-family: Comic Sans MS ;
font-size: 13;
font-weight: bold;
word-spacing: 2px;
color: #000000;
margin: 15px auto auto 25px;
line-height: 1cm ;
background: url(ski.jpg) no-repeat center center fixed;
background-size: cover;

}
h1 {
color: #3366FF;
font-size: 2em;
border-width: 3px;
border-color: #0000CC;
border-style: hidden;
margin: 20px 20px 20px 20px;
}
td.1 {
text-align: left;
}

.td.2 {
text-align: right;
padding-left: 70px;
color: #FF66CC;
}

#general {
font-size: 13;
font-weight: bold;
word-spacing: 2px;
line-height: 0.6cm;
}
4

1 に答える 1

3

いくつか問題があります。

  1. CSSクラスセレクターのクラス名は、2（または他の番号）で始めることはできません
  2. .td.2td「クラスのメンバーであり、クラスのメンバーでもある任意のタイプの要素」と一致させようとします2

クラス名を文字で始まる名前に変更しtd、タイプセレクターをクラスセレクターではなくします。

td.two { ... }

CSSをバリデーターで実行した場合、2番目の問題が検出されます。また、HTMLにエラーがあり、マークアップバリデーターによって検出されます。

于 2013-01-27T19:45:44.567 に答える