2016-09-13 6 views
0
  <section class="features section-padding" id="features"> 
    <div class="container"> 
     <div class="row"> 
       <div class="feature-list"> 
        <h3>San Diego</h3> 
        <p>Departure</p> 
         <body> 
         <iframe src="http://flightaware.com/resources/airport/SAN/APD/AIRPORT+DIAGRAM/pdf" width="600" height="700"> 
         <iframe src="https://flightaware.com/resources/airport/KSAN/DP/all/pdf" width="600" height="700"> 
         </body> 
        <p>Approach</p> 
         <body> 
         <iframe src="https://flightaware.com/resources/airport/KSAN/STAR/all/pdf" width="600" height="700"> 
         <iframe src="https://flightaware.com/resources/airport/KSAN/IAP/all/pdf" width="750" height="800"> 
         </body> 
         </div> 
       </div> 
      </div> 
     </section> 

これは私が現時点で持っているものですが、これは1つのpdfだけを示しています。すべてのpdfを表示するにはどうすればいいですか?複数のPDFをHTMLに追加する

ありがとうございました

+1

一度体を使うことができます –

答えて

0

まず、iframeタグを閉じることを忘れました。

iframeタグが自己閉鎖ではなく、明示的に次のようにクローズする必要があります。

<iframe src="https://www.weather.com" width="600" height="700"></iframe> 

</iframe>終了タグに注目してください)

この1つはあなたの元のHTMLを再加工した(私のために働きました):

<section class="features section-padding" id="features"> 
    <div class="container"> 
     <div class="row"> 
      <div class="feature-list"> 
       <h3>San Diego</h3> 
       <p>Departure</p> 
        <div> 
        <iframe src="https://www.weather.com" width="600" height="700"></iframe> 
        <iframe src="https://www.weather.com" width="600" height="700"></iframe> 
        </div> 
       <p>Approach</p> 
        <div> 
        <iframe src="https://www.weather.com" width="600" height="700"></iframe> 
        <iframe src="https://www.weather.com" width="750" height="800"></iframe> 
        </div> 
       </div> 
      </div> 
     </div> 
    </section> 

は、ここでそれを参照してください:https://jsfiddle.net/c55zztbn

まだiframeのsrc URLが表示されない場合は、使用しているURLがiframeの読み込みを妨げる "X-Frame-Options"レスポンスヘッダーを使用している可能性があります。

少し助けてくれることを願っています!

+0

これはありがとうございます、完璧に働きました!ありがとう! –

関連する問題