How to add rounded photo for my website commenters?

[techstalks]

i want to make my website like your comments option. when someone comments in this website, it shows rounded shape photos. how i can do that?

[TheDoc]

img { border-radius: 50%; }

Or, if you know the exact size of the image you are dealing with you can use a fixed position:

img { border-radius: 50px; }

Example: http://jsfiddle.net/D8C42/

[joshuanhibbert]

@TheDoc I can’t think of a situation that using the fixed value would be better than the percentage (when talking about a circle)? Just another value to keep track of, with the percent you can just forget about it!

[TheDoc]

I remember @chriscoyier mentioning something about browser support for the 50%.

[joshuanhibbert]

@TheDoc Perhaps back when the prefix was still required? I’m fairly confident that browsers wouldn’t be using the unprefixed version if there were issues. That is just my gut feeling though; I certainly could be wrong.

[TheDoc]

Could certainly be! I feel like it was recent… Maybe he can chime in when he sees this notification!

[joshuanhibbert]

I’m certainly curious!

[techstalks]

@TheDoc = i want to use it in wordpress. the code i get in jsfiddle, how i can use that code? i mean where i have to put that code?

[Author]

Posts