2017-11-07 3 views
0

私は角括弧を使っています。同じフォルダ内の他の.htmlファイルへのリンクを含むindex.htmlサイトを作成しました。それらはすべて同じフォルダ内にある同じmain.cssを使用します。 私の問題は、それを圧縮して別のコンピュータに送信すると、main.cssが機能しなくなることです。私のmain.cssは私のコンピュータの「外部」の私のhtmlファイルにリンクしていません

これは私のindex.htmlのコードです。他の.htmlファイルのコードは同じように見えます。

<!doctype html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>Projekt 2</title> 
     <link rel="stylesheet" href="main.css"> 
</head> 

<body> 
<ul class="nav"> 
    <li><a href="index.html">Förord</a></li> 
    <li><a href="internet.html">Internets historia</a></li> 
    <li><a href="sam.html">Samhällspåverkan</a></li> 
    <li><a href="etik.html">Etik och integritet på nätet</a></li> 
</ul> 

すべてのaタグは、同じフォルダ内の別の.htmlファイルを導きません。

ここが問題です。 ブラケットでプレビューするとうまくいきます。 index.htmlとmain.cssはリンクしています。 Here's how it looks on the Brackets preview しかし、私はフォルダを圧縮して別のコンピュータに送信すると、あなたが見ているように、main.cssは突然動作しなくなり、他の.htmlファイルにつながるはずのリンクもどこにも行きません。同じフォルダ内にあるにもかかわらず、「ファイルが見つかりません」と表示されます(下の画像を参照)。ここで

Here's how it looks when I've zipped the folder, sent it to another computer and tried to open the index.html file. The main.css doesn't link

は私のmain.cssです:

body { 
margin: 0; 
padding: 0; 
padding-top: 0px; 
font-family: monospace; 
background-image: url(back.jpg); 
} 

.nav { 
background-color: dimgrey; 
color: white; 
list-style: none; 
text-align: center; 
padding: 20px 0 20px 0; 
margin-top: 0px; 
} 

別のコンピュータで開いたときに、私は) なぜあるmain.cssの文句を言わないのリンクを考え出すのトラブルを抱えている

2).html内のリンクが互いにリンクしない理由

私は検索したが、なぜ名前を変更しようとしたのか、他のいくつかのものを変更しようとしたが、そのエラーを見つけることができない。どんな助けがありがとう、ありがとう!

Here's a picture of the folder on my Mac, unzipped

Picture of the same folder, but on a PC, zipped

Picture of the what comes up when trying to click on the other link within the index.html on another computer

+1

Windows上でフォルダを解凍してみて、それが違いがあるかどうか確認しましたか? –

+1

ファイルを展開せずにファイルを開こうとしています。 –

+0

はい、私はそれを試みました。私はMac上のフォルダを圧縮し、Gmailを介して自分自身に送って、私のPCでZipファイルをダウンロードして開こうとしました。動作しませんでした、main.cssはリンクしません。 – HabibieND

答えて

0

入れてみてください../それがしようと動作しない場合は、あなたのHTMLファイルは、ex)

<li><a href="../index.html">Förord</a></li> 

を呼び出す前に、

<li><a href="(the main folder name)/index.html">Förord</a></li> 
関連する問題