CODEWITHSUNDEEP
htmlcss
user1404577
user1404577

Reputation:

How can i display a Right and Wrong sign without using images

i am working on asp.net mvc 3 web application and i need to view a green Right sign and red Wrong sign inside my application without using images so is this possible?, as i have note on some web site they use different kind of signs but u can not downloaded as an image som this means thay are being displyed as text or using Java script ...? BR

Upvotes: 0

Views: 6601

Answers (3)

mr.b
mr.b

Reputation: 2708

You can also try this. http://nicolasgallagher.com/pure-css-gui-icons/ if you want to avoid images.

Upvotes: 0

Jesse
Jesse

Reputation: 8393

Note, not all browsers support special characters like this but you could easily output the follow and have it work in most cases:

<p class='right'>&#10004;</p>
<p class='wrong'>&#10006;</p>

Related css:

.right { 
 color: green;   
}
.wrong {
 color: red;   
}
​​

http://jsfiddle.net/PaUaf/

Upvotes: 4

Eric J.
Eric J.

Reputation: 150228

You could have a look at Unicode Dingbats if you want to avoid images

http://en.wikipedia.org/wiki/Dingbat

For example:

✔ ✖

You can then just use CSS to apply an appropriate color.

Test them on browsers your user base is likely to use to make sure they render correctly (not all browsers support all Unicode characters).

Upvotes: 5

Related Questions