2016-08-23 9 views
0

私は残りのサイトのテンプレートから基本的なページを作成しましたが、ページのデザインを「設計されていない」ようにするために、ほとんどの部分を取り除きました。短い段落が上に固定され、ロゴが右に浮かぶだけで、順序付けられていないリストしかありません。これはシステムのプレビューで動作しますが、サーバーにアップロードするとすべてのCSSスタイルが失われます。サーバーにアップロードしたときにCSSスタイルが機能しない?

これはhtmlです:感謝

#title { 
 
    width:400px; 
 
    position:fixed; 
 
} 
 

 
#icon { 
 
    position:relative; 
 
    float:right; 
 
} 
 

 
h5 { 
 
    font-size:25px; 
 
    color:#ff6682; 
 
    line-height:1.35em; 
 
} 
 

 
a:link { 
 
    color:#253b84; 
 
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
    <head> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
 
     <title>/other</title> 
 
     <link href="assets/scripts/AMK_Website.css" rel="stylesheet"    
 
     type="text/css" /> 
 
    </head> 
 
    <body> 
 
     <div id="icon"> 
 
     <img src="assets/images/icon/icon.gif" width="80" height="106" alt=""/> 
 
     </div> 
 
     <div id="title"> 
 
     <h5> /other is a collection of personal work in design photography, as  
 
      well as work that inspires me. To get back to 
 
      the important stuff, <a href="index.html">click here</a> 
 
     </h5> 
 
     </div> 
 
     <div id="photolist"> 
 
     <ul> 
 
      <li><img src="assets/images/other/1.jpg" width="768" height="1024"   
 
       alt=""/></li> 
 
     </ul> 
 
     </div> 
 
    </body> 
 
</html>

ヘルプ!

+0

コードなし、ヘルプなし。私たちは問題を見るために "外に出る"ことはしません。 –

+0

コードブロックでなければならないテキスト領域の上にボックスがあります。その上にカーソルを置くとツールチップが表示され、残りのどれがわかりやすく表示されるはずです。 –

+0

CSSファイルへの絶対リンクを使用しましたか?これはローカルで動作する説明の1つではありますが、実動システム上では説明できません。リンクパスはおそらくそこで異なります。 – Paul

答えて

0

あなたのCSSのようなサウンドは、htmlリンクが期待するところではありません。 assets/のファイルを指している場合は、そのフォルダがhtmlファイルと同じディレクトリにあることを確認し、その特定のCSSファイルが含まれていることを確認してください。

+0

彼はファイルを含めていますが、彼のCSSルールはそのファイルに存在しません。 – Paul

関連する問題