Как разместить изображение после ссылки? - PullRequest
Новая
       7

Как разместить изображение после ссылки?

1 голос
/ 14 марта 2011

Мне нужно, чтобы на моей веб-странице была ссылка с изображением вопросительного знака, чтобы при наведении указателя мыши на изображение вопросительного знака отображалась подсказка.Это код, который у меня есть: 

 <p>
  <a class="mainLinks" href="#">Currency Converter</a><a href="#" class="questionIcon">&nbsp;</a>
 </p>

и соответствующий код: 

 .costSummaryBox .questionIcon{
       background:url(../images/static/question2.png) no-repeat;
       text-decoration:none;
}

Но на моей веб-странице я получаю изображение под ссылкой.Как сделать так, чтобы они отображались в одной строке?

Ответы [ 3 ]

2 голосов
/ 14 марта 2011

Попробуйте следующий код: 

<p>
   <a class="mainLinks" href="#">Currency Converter&nbsp;<img src="../images/static/question2.png" /></a>
</p>
0 голосов
/ 14 марта 2011

Вы можете сделать это 

<p>
    <a class="mainLinks" href="#">Currency Converter</a>
</p>

.mainLinks{
    padding-right:30px;
    background:#fff url(...) no-repeat right top;
    text-decoration:none;
}

Проверить рабочий пример на http://jsfiddle.net/eMLkS/

0 голосов
/ 14 марта 2011

Вам нужно использовать ПОСЛЕ. Эта ссылка может помочь:
http://www.w3schools.com/css/sel_after.asp

...