Как се постига този ефект с картинка?

H

hellkiller

Registered
Как може да стане този ефект - имам една картинка и в единия й ъгъл искам да излиза някакъв текст (число). Малко прилича на известията във фейсбук, но не е нужно да се обновява автоматично, а при рефреш на страницата примерно. Информацията ще се взима от БД.

picfm.png
 
не виждам какъв е проблема слагаш картинката и примерно <span> в <div> с position: relative; а на span-a му задаваш position: absolute; bottom: 0; right: 0; и каквито искаш други стилове и просто си слагаш информацията която идва от базата данни в него. :D
 
Код: 
<div style="font-size:8px;color:#fff;width:8px;height:11px;background:url(http://store.picbg.net/pubpic/89/29/68cb27b9d7188929.png) no-repeat;padding:21px 0 0 24px;">1</div>
 
И в двата случая всичко след този елемент отива на нов ред. Някакъв шанс да мога да поставя още икони след тази на същия ред?
 
Слагаш на външния div display: inline-block; и той се държи като inline елемент и се нареждат до него другите само дето не работи под ff2 ма на кой му пука.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе