2012-03-14 12 views
0

アンカータグ内のテキストの隣に画像が表示されるようにしようとしていますが、これを行う方法がわかりません。ここでCSS画像の問題

はフィドルです: http://jsfiddle.net/NinjaSk8ter/V9nBZ/

示すように小さな変更画像が「ジョン」の名前の隣に表示される必要があります。 enter image description here

私は私のページでこれを試みたが、画像を繰り返すように見えました。

私は十分なCSS経験はありません。この設定には何か助けていただきたいと思います。

答えて

0

あなたのCSSでこれを使用:

background-image: url("http://i.imgur.com/B7YTA.png") no-repeat 0 0; 

無効CSSであること。あなたが行う場合は、画像を見ることができます:

background: url("http://i.imgur.com/B7YTA.png") no-repeat 0 0; 

ちょうどbackground-imageを使用すると、あなただけのイメージへのURLを置くことができることを意味しない - 何も。

+0

ありがとう!私はこの画像も同様に縦に並べることができますか教えていただけますか? http://jsfiddle.net/NinjaSk8ter/V9nBZ/ – Paul

+0

@Paulバックグラウンド-y位置に8pxを追加するだけでよいので、 'background:url(" http://i.imgur.com/B7YTA.png ") no-repeat 0 8px; ' –

+1

背景:url(" http://i.imgur.com/B7YTA.png ")no-repeat left center; –