0

Hi guys I'm new to html and css and would like to know how to create something like the picture. Basically I need to create any image and add a number to the top right corner via a function. If there are examples please do share.

Note: this is not for iPhone.
Thanks

http://i.stack.imgur.com/RAi44.png

5
Contributors
4
Replies
5
Views
5 Years
Discussion Span
Last Post by Commando112
0

Hello,
You will need a combination of CSS and javascript to do. CSS to display the base image in the right location (i.e. top right but with no text included) and the javascript to accept the number and place it over the image.
The easiest solution is probably a single div with the image of the bubble set as the background image. Inside that you can write your number using a basic javascript function.

Edited by hericles: n/a

0

What does the number represent?
Is it a count of something the user is doing? Or is it the step in a process that the user has reached?

0

Hi guys I'm new to html and css and would like to know how to create something like the picture. Basically I need to create any image and add a number to the top right corner via a function. If there are examples please do share.

Note: this is not for iPhone.
Thanks

http://i.stack.imgur.com/RAi44.png

okay i will only tell you what i know. If is a count then Your CSS must have this

<ol>
<li>item 1</li>
<li>item 2</li>
</ol?
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.