2015-02-07 60 views
-1

嗨最新地址代碼錯了嗎?不顯示虛線。一切正常,但地址代碼不好?也許有些不對勁,IAM只是一個新手,所以請理解我:)CSS地址代碼不會出現

body { 
 
padding-left: 11em; 
 
font-family: Georgia, "Times New Roman", Times, serif; 
 
color: purple; 
 
background-color: #d8da3d } 
 
ul.navbar { 
 
list-style-type: none; 
 
padding: 0; 
 
margin: 0; 
 
position: absolute; 
 
top: 2em; 
 
left: 1em; 
 
width; 9em } 
 
h1 { 
 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif } 
 
ul.navbar li { 
 
background: white; 
 
margin: 0.5em 0; 
 
border-right: 1em solid black } 
 
ul.navbar a { 
 
text-decoration: none } 
 
a:link { 
 
color: blue;} 
 
a:visited: } 
 
color: purple } 
 
address { 
 
margin-top: 1em; 
 
padding-top: 1em; 
 
border-top: thin dotted }

(EDIT)有HTML代碼太

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>Mano pirmas CSS puslapis</title> 
 

 
<<link rel="stylesheet" href="mystyle.css" 
 

 
</style> 
 

 
</head> 
 
<body> 
 
<!-- Site navigation menu --> 
 
<ul class="navbar"> 
 
<li><a href="index.html">Namų puslapis</a> 
 
<li><a href="muiliukai.html">Muiliukai</a> 
 
<li><a href="kainos.html">Kainos</a> 
 
<li><a href="kurmusrasti.html">Kur mus rasti?</a> 
 
</ul> 
 

 
<!-- Main content --> 
 

 
<h1> Mano pirmas CSS puslapis<h1> 
 

 
<p>Sveiki atvykę į Naminių muiliukų svetainę</p> 
 

 
<p>Šioje svetainėje yra nuotraukų bei kainų sąrašas. Muiliukų pasirinkimas yra išties milžiniškas, tad jei išsirinkai nedelsk - užsisakyk!</p> 
 
    
 
<p>Vėliau bus dar daugiau! Sekite mus.</p> 
 

 
<!-- Sign and date the page, it's only polite --> 
 
<address>Sukurta 07 Vasario 2015<br> 
 
Vytautas Likas</address> 
 

 
</body> 
 
</html>

+0

的開口,而不是我們能否也有html方面? – AdrienXL 2015-02-07 12:16:30

+1

剛剛在地址規則('a:visited:')之前的CSS文件中出現語法錯誤,因此瀏覽器在那裏停止解析。 – JJJ 2015-02-07 12:24:50

+0

謝謝!它現在的作品:) – netycia 2015-02-07 12:26:38

回答

0

從你提供的代碼,我可以看到兩個我指出下面的語法錯誤,否則你的代碼l ooks很好。在瀏覽器中測試代碼時,您可以按F12調出調試器,它可能有助於爲您解決這些錯誤。我知道你說過你是一個新手,但想要進入良好的編程習慣是一個好主意,格式化你的代碼使其他人更容易閱讀。希望這能解決你的問題。

body { 
    padding-left: 11em; 
    font-family: Georgia, "Times New Roman", Times, serif; 
    color: purple; 
    background-color: #d8da3d; 
} 

ul.navbar { 
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    position: absolute; 
    top: 2em; 
    left: 1em; 
    width: 9em; 
} 

你有寬度,而不是一個冒號

h1 { 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
} 

ul.navbar li { 
    background: white; 
    margin: 0.5em 0; 
    border-right: 1em solid black; 
} 

ul.navbar a { 
    text-decoration: none; 
} 

a:link { 
    color: blue; 
} 

你有一個冒號後半冒號和一個右花括號在這條線a:visited: }

a:visited { 
    color: purple; 
} 

address { 
    margin-top: 1em; 
    padding-top: 1em; 
    border-top: thin dotted; 
} 
+0

感謝您的建議,我已經有一個螢火蟲,我嘗試使用該工具。我希望這會有所幫助 – netycia 2015-02-07 12:42:32