1

ここで完全で完全な初心者。外部スタイル シートは IE9 では問題なく動作しますが、Chrome ではまったく動作しません。ここにHTMLがあります。

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<link rel="stylesheet" href="default.css" />
</head>

<title>DCE</title>

</head>

<body>

<a href="index.html">
<img src="Images\logo.png" alt="Logo" width="50%" height="50%">
</a> 

<br>

<hr style="height:5px">
<embed height="50" width="100" src="Theme.mp3">

<ul>ABC
<a href="pages\aboutus.html"><li>Z</li></a> 
<a href="pages\AAAA.html"><li>Y</li></a> 
</ul>

<h2>X</h2>

<p>Blah</p>
<p>Blah</p>


</body>

</html>

そして恐ろしくひどいCSS。

h1 {color:#e03d89;}
body {background-image:url(Images/Background.png);}
h2 {font-family:Tahoma, Geneva, sans-serif;}
p {font-family:Arial, Helvetica, sans-serif;}
a:link {color:#e03d89;}     
a:visited {color:#e97fa5;}  
a:hover {color:#eb0258;}  
a:active {color:#7a0453;}  
p {margin-left: 30px; text-indent: 20px}
h2 {color:#e03d89;}
h2 {text-align:center}

皆さんが与えることができるどんな助けにも感謝します. 私はこれを投稿する際に何かひどく間違ったことをしたと確信しています。私にできることは、皆さんが私を許してくれることを願っています.

4

2 に答える 2

2

おそらくChromeをつまずかせている大きなことがいくつかあります。

head には 2 つの終了タグがあり、最初のタグによって title タグが head の外側に配置されています。

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<link rel="stylesheet" href="default.css" />
</head>  <!--  REMOVE THIS CLOSING HEAD!! -->

<title>DCE</title>

</head>

UL および LI タグでは、li タグの外側にテキストまたは要素を含めることはできません。アンカー タグ「a」とテキスト ABC を変更する必要があります。

    <ul>ABC <!-- REMOVE ABC -->
    <a href="pages\aboutus.html"><li>Z</li></a> <!-- anchor tags outside of the li tag -->
    <li><a href="pages\AAAA.html">Y</a></li> <!-- anchor tags INSIDE of li tag - this is the way to do it -->
</ul>

@cimmanon が言ったように、html リンクのスラッシュはバック スラッシュであり、「pages\AAAA.html」ではなく「pages/AAAA.html」のスラッシュにする必要があります。

これら 3 つの変更により、スタイル シートが元に戻り、実行される可能性があります。あなたが学習/実験していると言えるので、残りを修正するために船外に出ることはありません。学習を続ければ、そこにたどり着くことができます:)

于 2013-01-18T03:53:17.250 に答える
0

アレンが言ったことに加えて...

1) は html の開始タグなので、追加する必要はありません 2) 2 番目の終了タグを持たない要素は、/> のように終了します (これは、embed、br、hr、および img に適用されます。I don'それが何かを壊すかどうかはわかりませんが、とにかく正しく行うのが最善です. 3) そして、スタイルシート リンク タグに type="text/css" を入れます。

于 2013-01-18T04:06:17.277 に答える