2012-03-14 2 views
0

Я пытаюсь включить изображение рядом с некоторым текстом в теге привязки, и я не могу понять, как это сделать.Ошибка в CSS-изображении

Вот Fiddle: http://jsfiddle.net/NinjaSk8ter/V9nBZ/

Небольшой Modify должно появиться изображение рядом с именем «Джон», как показано: 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 вам просто нужно добавить 8px в положение background-y так: 'background: url (" http://i.imgur.com/B7YTA.png ") no-repeat 0 8px; ' –

+1

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

Смежные вопросы