2016-08-04 20 views
0

基本的に画像を移動すると自分の名前の下に画像を配置したい私はそれを左または右に動かすことができます。しかし、上下に、それはもはや動作しますか?画像を移動した後、HTML + CSSの画像リンクが機能しない

HTML:

<a href="http://steamcommunity.com/id/clarkycalLad/" target="_blank"> 
    <div class="imgtest"> 
    <img src="/images/steam-icon.png" alt="HTML tutorial" style="width:42px;height:42px;border:0;"> 
    </div> 
</a> 

CSS:

.imgtest { 
    position: relative; 
    left: 800px; 
    top: 100px; 
    border: 3px solid #73AD21; 
} 
+0

書かれているように何も問題はありません。おそらくあなたはそれを今までに移動しましたが、その上に別の要素がありますか? – VoteyDisciple

+0

その奇妙なことはそれが意味をなさないので?私はそれをスクリーンの真ん中の真下のところに移動します。 – clarkycal

+0

私たちはあなたのページをもう見ることができないので、もっと具体的な勧告をする本当の方法はありません。 – VoteyDisciple

答えて

0

修正: 私は追加することによってそれを修正:それは今

.imgtest { 
    position: relative; 
    left: 800px; 
    top: 100px; 
    border: 3px solid #73AD21; 
} 

だった前にその

z-index: 1; 

を画像/リンク

の私のCSSの部分にとても:

.imgtest { 
    position: relative; 
    left: 800px; 
    top: 100px; 
    border: 3px solid #73AD21; 
    z-index: 1; 
} 

これは他人に役立つことを願っています! 手伝ってくれてありがとう!

0

私はちょうどそれを得た:それは、画像が表示されないということではありません。それはリンクではないということです。

あなたはこの希望:

<div class="imgtest"> 
    <a href="http://steamcommunity.com/id/clarkycalLad/" target="_blank"> 
    <img src="/images/steam-icon.png" alt="HTML tutorial" style="width:42px;height:42px;border:0;"> 
    </a> 
</div> 

そうでなければ、あなたがイメージではなく、アンカーを移動しているが。

+0

うまくいかなかった、あなたのためにフィドルを更新しました – clarkycal

関連する問題