[mikelash]

im trying to make my picture into a circle but it just stays a square

<style>
.circlleDiv {
 width: 10em; height: 10em; 
 -webkit-border-radius: 5em; -moz-border-radius: 5em;
 text-align: center; margin-top: 4.5em;
}
</style>
<div class="circle">
<?php echo subject; ?>
<br/>From
<?php echo from;?>
<br/>
<img height=100px width=100px src="<?php echo 'images/blue flower.jpg'; ?>"/>
</div>

[Martyr2]

Your style class name is "circlleDiv" where is the element with that class specified? You have a div named "circle" but no "circlleDiv"

[mikelash]

still dosnt work but i fixed it

<style>
.circlediv {
 width: 10em; height: 10em; 
 -webkit-border-radius: 5em; -moz-border-radius: 5em;
 text-align: center; margin-top: 4.5em;
}
</style>
<div class="circlediv">
<?php echo subject; ?>
<br/>From
<?php echo from;?>
<br/>
<img height=1000px width=1000px src="<?php echo 'images/blue flower.jpg'; ?>"/>
</div>

[Dormilich]

which browser are you using?

[mikelash]

firefox

[mikelash]

dosnt work in IE either

[revolutionx]

You can't do that. Well not in the way you're trying to do it.

If you look at: http://jsfiddle.net/mYm5p/ it's applying the border radius to the div and not to the image.

Have a look at the following for workarounds:

http://stackoverflow...-crop-out-image

http://stick.gk2.sk/...ers-using-css3/

[mikelash]

none of those seem to solve my problem, thanks though any other suggestions?

[exiles.prx]

If you set your div to the width and height of 100px, use a border radius of 100px and you will have your circle.

BTW, it doesn't work in IE because IE does not use -moz or -webkit. You must use border-radius for IE.

This post has been edited by exiles.prx: 02 March 2012 - 08:20 PM