2017-11-29 13 views
-2

ファイルをフォルダに整理して整理しようとしています。私はそれらをリンクする方法を探せ、私はそれを働かせることができません。htmlファイルを他のフォルダのファイルにリンクするにはどうすればよいですか?

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

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

    <title>Conspiracy Theories</title> 
    </head> 

<body> 
<div id="page"> 
    <div class="topNaviagationLink"></div> 
    <div class="topNaviagationLink"><a href="index.html">Home</a></div> 
    <div class="topNaviagationLinkCon"><a 
    href="conspiracies.html">Conspiracies</a></div> 
    <div class="topNaviagationLink"><a href="fact.html">Facts</a></div> 

    </body> 
</html> 

これは私のページの一部です。

body { 
margin: 0; 
padding: 0; 
text-align: left; 
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, 
serif; 
font-size: 13px; 
color: #000000; 
background: #000000 url(background.png); 
background-repeat:repeat-x; 
} 
* 
{ 
margin: 0 auto 0 auto; 
text-align:left;} 

#page 
{ 
display: block; 
height:auto; 
position: relative; 
overflow: hidden; 
width: 670px; 
} 

これは、このページのための私のCSSの一部である

マイフォルダツリーが

  • conspiracies.css
  • conspiracies.html
  • のCss

    1. です
    2. index.html

    私はさらに多くのファイルとたくさんのフォルダを持っていますが、これらは私が必要とする唯一のものです。私が読んだことは、これはうまくいくはずだと言いますが、そうではありません...

    +1

    ここで何をしようとしていますか? CSSは適用されたHTMLコンテンツで動作しませんか? –

    +0

    何が間違っていますか?フォルダー名と大文字と小文字の不一致が考えられますか?フォルダーの名前は "Css"ですが、 "css"内のファイルを参照しています。 – showdev

    +0

    どのようにリンクしても、私のCSSは動作しません。 –

    答えて

    0

    異なるフォルダの他のHTMLファイルをリンクしたいですか?またはCSS?あなたが既に持っている<link>タグを使う以外は同じです。

    サーバー・テクノロジーを使用している場合は、ルートディレクトリを使用して試すことができます:

    <a href="../path/to/file">Text</a> 
    

    したがって、たとえば、あなたが持っている:あなたがする必要がある場合

    <a href="/path/to/file">Text</a> 
    

    あなたはまた、ディレクトリを下ることができますこのファイル構造:

    -root 
    ---public 
    -----index.html 
    -----styles 
    -------styles.css 
    -----pages 
    -------page1.html 
    -------page2.html 
    

    page1.htmlとをリンクします

    <a href="../index.html">Text</a> 
    

    ・ホープ、このことができます:あなたがディレクトリを下に移動する必要がpage1.htmlから

    <a href="pages/page1.html">Text</a> 
    

    しかし、リンクindex.htmlへ:index.htmlから、あなたはこれを行う必要があります。

    まだ理解していない場合は、ファイルの構造を私に教えてください。

    関連する問題