2016-03-31 3 views
-1

CSSを使用して応答性の高いWebページを設計しました。このページは私のコンピュータとFirefoxレスポンスシミュレータで完璧に動作しますが、アップロードすると難破です!アップロード時にページが機能しません

私はページ内で呼び出されたすべてのファイルと画像をアップロードするように注意しましたが、ページはそれらを無視しているようです。私はここで同様の質問をチェックし、CSS階層に関する記事を読んでいますが、マウントされたページがHTMLの一部(例としてフッターテキスト)を無視しているだけなので、それが唯一の問題であるかどうかはわかりません。まったく同じ画像タグがこのレベルの他のページでも機能しているにもかかわらず、画像の一部を取得していません。

しかし、私のポップオーバーが働いているので、ブートストラップのCSSとjqueryを読んでいる必要があります。

ここではHTMLです:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 

<link rel="stylesheet" type="text/css" href="bootstrappopover.css"> 
<link rel="stylesheet" type="text/css" href="newraocss.css"> 
<title>Patricia S. Bowne fiction</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<!-- call javascript (necessary in the head for Bootstrap's JavaScript plugins) --> 

    <script src="jquery-1.12.1.min.js"></script> 
    <script src="bootstrappopover.js"></script> 

<meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

</head> 

<body> 


<table class="border"> 

<tfoot> 

<td class="footer" colspan=3>Copyright Patricia S. Bowne 

</td> 
</tfoot> 

<tbody> 

<tr> 

<td class="header" colspan=3> 
<div><br><h1>Patricia S. Bowne<h1></td> 
</tr> 

<tr> 

<td class="edge"> 


</td> 


<td class="center"><p>Click on the title below each thumbnail for a description of the book, including links to purchase and read excerpts. To hide the description, click on the title again.</p> 

<div class="books"> 
<div class="thumbnail"><img class="med" src="images/Pigeons-510.jpg"><br><a class="button" href="javascript://" data-toggle="popover" data-placement="top" title="" data-content="Some jobs are more trouble than they're worth ... 
the Demonology department's newest member, Hiram Rho, tries to gain his footing among colleagues with specialties like vampirology, classical lechery, and postmodern feminist demonology. Before Rho has been on campus a month he has acquired an affectionate demon with a plan to take over the department, the two senior demonologists have lost their souls and their health insurance, and Rho's problems have embroiled everyone from the mysterious Alchemy faculty to the pigeons on his window ledge. Available from:<br> <a href='http://www.double-dragon-ebooks.com/single.php?ISBN=1-55404-808-7' title='test add link'>Double Dragon E-Books</a><br><a href='http://www.amazon.com/Advice-From-Pigeons-ebook/dp/B004MYFSHU/' title='test add link'>Amazon Kindle store</a>" data-original-title="The Royal Academy I: Advice from Pigeons">The Royal Academy I:<br> Advice from Pigeons</a></div> 
</div><script>$("[data-toggle=popover]") 
.popover({html:true})</script> 


<p><div class="reviews"><b>Reviewers say:</div>    
</td> 
<td class="edge"> 
</td> 
</tr> 
</tbody> 
</table> 
</body> 

、ここではそれがオンライン表示されています方法を確認するためのリンクです:http://www.raosyth.com/respshell.html

任意のアイデア?

+1

ブラウザのコンソールを開き、エラーをチェックアウトしてください – j08691

+0

ブラウザコンソール(f12)で手がかりを確認してください。サイトにいくつかの資産がありません。それは読み込まれていないものを表示します。 – patricksweeney

+2

まず、あなたのdoctypeは、1999年以来新しいWebページに使用してはならないものです。何かを修正することはできませんが、<!DOCTYPE html>に変更してください。 – Rob

答えて

1

他の人があなたのコンソールを開き、エラーを見ていると言っています。 404エラーが発生しています。

ウェブサーバーに上記のファイルをアップロードしましたか?あなたが持っている場合は、ファイルへのパス参照をダブルチェックしてください。

+0

あなたは素晴らしいです!私は多種多様な問題を抱えていて、それらをすべて捉えました(私が望む)。オマール、あなたは正しかった - 私が必要としたファイルの一つはアップロードされていなかった。他のものは存在していて、パスは正しかった - 「jpg」が大文字と小文字を区別していないことを除いて、私はその名前が間違っていた。 –

+0

大きな問題は、反応していないということでした。これは、Robが提案したように修正したときに、それらの問題が解消されたため、古いコードの一部が原因であったに違いありません。 –

+0

しかし、私が気づいたのは、それがリンクしているサブページも今修正されていて、私は彼らの頭を変えていないことに気付きました。だからこれは本当の謎です。同じファイル内のdivスタイルに注意を払いましたが、それはなぜ反応しませんでしたか(基本的にnewraocsのテーブル幅の定義を無視しています)? –

関連する問題