2016-08-06 5 views
2

このコードを実行すると、何も表示されません。しかしcodecademyでは、うまくいくようです。私はそれがリンクか何かと関係があるかどうか分からないが、助けてください。答えは明らかかもしれませんが、私は初心者ですので、私は助けが必要です。ここではHTMLは次のとおりです。ここでCSSリンクが動作していないか何か

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="C:\Users\Cohrs Kids\Desktop\menu.css"/> 
     <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
    <div id= "one"></div> 
     <div id= "two"></div> 
     <div id= "back"></div> 
     <div id= "createone"></div> 
     <div id= "createtwo"></div> 
     <div id= "delete"></div> 
    </body> 
</html> 

はCSSです:

body { 
    height: 100% 
} 

#one { 
    height: 50%; 
    background-color: blue;  
    width: 15%; 
    position: relative; 
    left:20%; 
    top:25%; 
} 
#two{ 
    height: 50%; 
    background-color: blue;  
    width: 15%; 
    position: relative; 
    left:60%; 
    bottom:23%; 

} 
#back{ 
background-color: red; 
height: 10%; 
width: 15%; 
position: relative; 
bottom: 95%; 
} 
#createone{ 
    background-color: #99ffff; 
    height: 10%; 
    width: 15%; 
    position: relative; 
    bottom: 52%; 
    left: 20%; 

} 
    #createtwo{ 
    background-color: #99ffff; 
    height: 10%; 
    width: 15%; 
    position: relative; 
    bottom: 60%; 
    left: 60%; 

} 
#delete{ 
    background-color: red; 
    height: 9%; 
    width: 6%; 
    position: relative; 
    left: 29%; 
    bottom:61.5%; 





} 
+0

パスを確認しましたか?パスを見ると、なぜそれがうまくいかないのか分かります。リンクへの相対パスを指定します。 – Li357

+2

あなたはhrefをC:\にすることはできません。あなたはウェブディレクトリからホストする必要があります – Kosch

+0

それはうまくいきませんでした。 –

答えて

0

あなたはこのようなあなたのフォルダを構築すべきである必要があります。

folder 
├──── index.html 
├──── menu.css 
└──── script.js 

そして、このようなCSSファイルを参照します。

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

yファイルの名前を書き込むと、href="menu.css"のように、同じディレクトリにファイル名menu.cssがあります。

スラッシュを前に追加すると、href="/menu.css"のようにスラッシュがファイルツリー内でできるだけ上がり、そこでファイルが使用されます。

href="../menu.css"のように../を追加すると、1つ上のフォルダに移動してそのファイルを使用します。

関連する問題