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
任意のアイデア?
ブラウザのコンソールを開き、エラーをチェックアウトしてください – j08691
ブラウザコンソール(f12)で手がかりを確認してください。サイトにいくつかの資産がありません。それは読み込まれていないものを表示します。 – patricksweeney
まず、あなたのdoctypeは、1999年以来新しいWebページに使用してはならないものです。何かを修正することはできませんが、<!DOCTYPE html>に変更してください。 – Rob