Put your image inside a div and round the corners on the div, not the image 
with overflow:hidden on the div. 

Best,
Karl

Sent from losPhone

> On Mar 21, 2017, at 9:01 AM, Michelle Konzack <linux4miche...@gmail.com> 
> wrote:
> 
> Hello *,
> 
> in one of my websites I have on the top left and right two images like
> 
>    <img src="michelle.png" border="0" class="img_head">
> 
> which I make round using
> 
>    .img_head { border-radius: 50%; }
> 
> which works fine, BUT, if I use something like
> 
>    #pageHeadLeft { background-image: url(/michelle.png); }
> 
> then I can not make it round like in the previous  version.   Now  I  am
> searching allready for hours without finding a solution.
> 
> Any suggestions?
> 
> Thanks
> 
> -- 
> Michelle Konzack        Miila ITSystems @ TDnet
> GNU/Linux Developer     00372-54541400
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to