我剛開始學習網頁設計,我有這種持續的問題,我之前已經發布了關於它的問題。我嘗試過的所有東西都不起作用,但我做了一些改動,所以我想重新說明問題並添加一些更多細節。我的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>
這可能適用於本網站,但我發誓,它不會在我的瀏覽器中工作。
這使我瘋狂。
我會非常感謝任何幫助!
我敢打賭,這與您的文件在工作目錄內的位置有關。鏈接無法使用C:\路徑的href屬性 – ymz
你開始發展真好。如果你稍微清理一下你的代碼並將其格式化得更好一點,那將會很好,所以更容易發現錯誤。 –
您所描述的情況不應導致此問題。但在開發人員控制檯(F12)中快速瀏覽一下,應指出瀏覽器在查找或加載CSS時遇到的任何問題。如果沒有 - 隨時發佈鏈接到WiP網站。 –