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

Recommended Answers

All 4 Replies

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.

How about trying to do it by using ordered list(<ol></ol>)?

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?

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?
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.