2016-01-19 23 views
0

我剛開始學習網頁設計,我有這種持續的問題,我之前已經發布了關於它的問題。我嘗試過的所有東西都不起作用,但我做了一些改動,所以我想重新說明問題並添加一些更多細節。我的CSS不工作,除了一個網頁在我的網站

我做一個簡單的網站的羅馬尼亞藝術家,將有一個英文版本和羅馬尼亞的版本(開關與小標記語言中的導航欄)。

這一切都寫在寫字板,僅使用HTML和CSS,和所有頁面都在相同的根文件夾。我有幾個html文件和一個css文件(所以它是一個外部文件),它鏈接在每個頁面的頭部。我有英文版本和羅馬尼亞版本,並且它們都根據導航鏈接。

現在,我的問題是CSS將只能在主英文頁面上工作,並拒絕任何其他語言,不管哪種語言,儘管它們都具有相同的頭部,頁眉和頁腳結構。

我嘗試Firefox和Chrome,它是同一個故事。

我的所有網頁點擊「頁面源代碼」在瀏覽器中打開時,糾正任何錯誤顯示出來,當我點擊的鏈接,CSS和所有頁面的作品。

我最初有幾個CSS文件,每個HTML文件一個,但我刪除了他們除了一個(我誤解了最初的過程,並沒有意識到他們可以都有相同的CSS文件)。所以現在在根文件夾「Style.css」中只有一個CSS文件。

所有HTML文件都保存在「統一」的編碼。

除修改的話,這是確切的CSS,以及主要的英文網頁的HTML結構(在其上CSS工作):

h1 { 
 
    display: inline-block; 
 
    font-family: Tahoma; 
 
} 
 

 
nav { 
 
    display: inline-block; 
 
    float: right; 
 
    font-family: Tahoma; 
 
} 
 

 
address { 
 
    float: right; 
 
} 
 

 
article.figures figure { 
 
    display: inline-block; 
 
    float: left; 
 
} 
 

 
aside { 
 
    float: right; 
 
    Font-family: Verdana; 
 
} 
 

 
footer { 
 
    color: grey; 
 
    font-family: Tahoma; 
 
    float: left; 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>Name</title> 
 

 
    <LINK rel="stylesheet" type="text/css" href="style.css"> 
 

 
    <meta charset="utf-8"> 
 
    <meta name="description" content="Name, visual artist"> 
 
    <meta name="keywords" content="Name, visual artist, abstract, painting, fine art"> 
 
    <meta name="author" content="Me"> 
 

 
</head> 
 

 
<body> 
 

 
    <header> 
 
    <img src="images\paint logo.jpg" width="150" height="110" alt="artists logo"> 
 
    <h1>Name </h1> 
 

 

 
    <nav> 
 
     <a href=///C:/Users/.../main page in English.html>Galleries</a> 
 
     <a href=file:///C:/Users/.../News.html>News</a> 
 
     <a href=file:///C:/Users/.../About.html>About</a> 
 
     <a href="http://www.saatchiart.com/...">Shop</a> 
 

 

 
     <a href="file:///C:/Users/.../webpageinRomanian.html"> 
 
     <img src="images\romanian flag.jpg" width="20" height="15" alt="Romanian"> 
 
     </a> 
 
    </nav> 
 

 
    </header> 
 

 

 

 

 

 
    <address>email</address> 
 

 

 
    <article class="figures"> 
 

 
    <figure> 
 
     <img src="images\painting.jpg" width="335" height="325" alt="painting"> 
 
     <figcaption>Paintings from 2010 - 2015</figcaption> 
 
    </figure> 
 

 

 

 
    <figure> 
 
     <img src="images\2.jpg" width="335" height="325" alt="painting 2"> 
 
     <figcaption>2009 - 2000</figcaption> 
 
    </figure> 
 

 

 

 
    <figure> 
 
     <img src="images\3.jpg" width="335" height="325" alt="painting 3"> 
 
     <figcaption>1990 - 1999</figcaption> 
 
    </figure> 
 

 
    </article> 
 

 

 

 

 
    <footer>copyright Name 
 
    <br> 
 

 
    <A HREF="https://www.facebook./..."> 
 
     <IMG SRC="images/fb logo.png" width="30" height="30" ALT="Facebook"> 
 
    </A> 
 
    <A HREF="https://www.behance...."> 
 
     <IMG SRC="images/behance logo.png" width="30" height="30" ALT="Behance"> 
 
    </A> 
 
    <br>Webdesign by me 
 
    </footer> 
 

 
</body> 
 

 
</html>

這是一個頁面上相同的CSS不起作用:

h1 { 
 
    display: inline-block; 
 
    font-family: Tahoma; 
 
} 
 
nav { 
 
    display: inline-block; 
 
    float: right; 
 
    font-family: Tahoma; 
 
} 
 
address { 
 
    float: right; 
 
} 
 
article.figures figure { 
 
    display: inline-block; 
 
    float: left; 
 
} 
 
aside { 
 
    float: right; 
 
    Font-family: Verdana; 
 
} 
 
footer { 
 
    color: grey; 
 
    font-family: Tahoma; 
 
    float: left; 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>Name News</title> 
 

 
    <LINK rel="stylesheet" type="text/css" href="style.css"> 
 

 
    <meta charset="utf-8"> 
 
    <meta name="description" content="Name, visual artist"> 
 
    <meta name="keywords" content="Name, visual artist, abstract, painting, fine art"> 
 
    <meta name="author" content="Me"> 
 

 
</head> 
 

 
<body> 
 

 
    <header> 
 
    <img src="images\paint logo.jpg" width="150" height="110" alt="artists logo"> 
 
    <h1>Name </h1> 
 

 

 
    <nav> 
 
    <a href=///C:/Users/.../main page in English.html>Galleries</a> 
 
     <a href=file:///C:/Users/.../News.html>News</a> 
 
     <a href=file:///C:/Users/.../About.html>About</a> 
 
     <a href="http://www.saatchiart.com/...">Shop</a> 
 

 

 

 
     <a href="file:///C:/Users/.../webpageinRomanian.html"> 
 
     <img src="images\romanian flag.jpg" width="20" height="15" alt="Romanian"> 
 
     </a> 
 
    </nav> 
 

 
    </header> 
 

 

 

 

 

 
    <address>email</address> 
 

 

 
    <h2>What's New</h2> 
 

 
    <h3>Upcoming exhibitions:</h3> 
 
    <ul> 
 
    <li>July 2016</li> 
 
    <li>October 2016</li> 
 
    </ul> 
 

 

 

 

 
    <footer>copyright Name 
 
    <br> 
 

 
    <A HREF="https://www.facebook./..."> 
 
     <IMG SRC="images/fb logo.png" width="30" height="30" ALT="Facebook"> 
 
    </A> 
 
    <A HREF="https://www.behance...."> 
 
     <IMG SRC="images/behance logo.png" width="30" height="30" ALT="Behance"> 
 
    </A> 
 
    <br>Webdesign by me 
 
    </footer> 
 

 
</body> 
 

 
</html>

這可能適用於本網站,但我發誓,它不會在我的瀏覽器中工作。

這使我瘋狂。

我會非常感謝任何幫助!

編輯: 這是開發者控制檯的 '新聞' 頁面顯示的內容: enter image description here

enter image description here

這是根文件夾: enter image description here

+3

我敢打賭,這與您的文件在工作目錄內的位置有關。鏈接無法使用C:\路徑的href屬性 – ymz

+0

你開始發展真好。如果你稍微清理一下你的代碼並將其格式化得更好一點,那將會很好,所以更容易發現錯誤。 –

+0

您所描述的情況不應導致此問題。但在開發人員控制檯(F12)中快速瀏覽一下,應指出瀏覽器在查找或加載CSS時遇到的任何問題。如果沒有 - 隨時發佈鏈接到WiP網站。 –

回答

0

裏面試試這個您的<head>

Source: w3schools

<base href="http://www.yourwebsite/" target="_blank">

+0

謝謝,但它並沒有訣竅:/ –

+0

片刻..我現在看截圖 –

0

那麼這是爲我工作...請確保HTML和CSS文件實際上是在同一文件夾

/folder 
--thing.html 
--other.html 
--style.css 

而且在評論唐指出, 't使用c:/引用到文件