2017-02-05 10 views
2

に画像クリッカブルを作るのですが、HTMLどのように私はここにHTML

<div id="panelpic1"> 
    <a href="https://www.google.com/"style="display:block"target="_blank"> 
    </a> 
</div> 

CSSです

#panelpic1{ 
      content: url(file:///D:/MOHIT/HTML/images.jpg); 
      float: left; 
      width: 250px; 
      height: 150px; 
      vertical-align: middle;    
      } 

これは私がそれをやった方法ですが、その作業はありません。画像はクリックできません。これが最善のアプローチではありません

答えて

5

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<span>Open image link in a new tab: 
 
<a href="http://www.google.com" target="_blank"> 
 
    <img src="D:/MOHIT/HTML/images.jpg" /> 
 
</a> 
 
</span> 
 

 
</body> 
 
</html>

助けてください。ここでは、画像をクリック可能にするための標準的なアプローチの1つがあります。

<a href="your landing page url"> 
<img src="your image url" /> 
</a> 

ここで、この画像はクリック時に指定されたURLにあなたにリダイレクトされます。

S3/DropboxをFSCollection(ノードユーザーのみ)にアップロードする方法はたくさんあります。

だからあなたの場合には、あなたのスニペットは、uは画像をクリック可能になりましたが、そのは、指定された次元でページ内に発生していない提案何をした後、このよう

<a href="http://www.google.com"> 
<img src="D:/MOHIT/HTML/images.jpg" /> 
</a> 
+0

を見ていきます。 –

+0

質問に画像コードを追加できますか?非常に役に立ちます。ありがとう –

+0

それはすでに質問にあります –

関連する問題