Round Corners on images / Rounded / Curved image corners

  • Hi,

    i am trying to solve an issue with round corners on images, but i only achive positive reults on Safari and Google Chrome. Mozilla’s FireFox and the IE browser still hate me, any idea what to do?

    currently i am using the following code: 

    #content img.alignleft {
	display: inline;
	float: left;
        margin: 4px 12px 12px 0px;
        behavior: url('border-radius.htc');
        -moz-border-radius: 20px 0px 0px 20px;
        -webkit-border-radius: 20px 0px 0px 20px;
        -khtml-border-radius: 20px 0px 0px 20px;
        -o-border-radius: 20px 0px 0px 20px;
        border-radius: 20px 0px 0px 20px;
}

    As is said it works fine on SF and GC, but for the order browser, especially Firefox and IE7/IE8 just use this option on <div> but not on the image attribute.

    I really thought this great guide is THE solution for all the problems: https://jonraasch.com/blog/css-rounded-corners-in-all-browsers
    But it failed on the image tag.
    Still it works perfectly on the <div>-section.

    Any idea/help? Maybe with jQuery? or something else? Thnxs in advance for your support.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Looks like CSS3 stuff which isn’t supported on all browsers just yet.

    If its for say a thumbnail that is always the same size then you could overlay a png of the same dimensions which would be a white border with a rounded inner edge.

    Thread Starter gbennyb

    (@gbennyb)

    No, i need this functionality for the standard image integration in a post.

    So depending if you align the image right, left or centered, the curved/rounded corners should be right, left or all around (centered).

    i thought this here might a solution, but i cannot tell users to wrap a span around, or can i?
    https://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery/

    any other, better idea?

    I am trying to find theme templates for selling ebooks, and format appropiate for adding an opt-in box, discription (mini-blog) or optional video on first page. Also space for other banner offers on front page.

    I would like to add an index for other topic pages.

    Any suggestions…I would like a free Word Press Theme..but there are thousands…..is there a catagorie for that type of format?

    Thanks,

    Georgiann
    [email protected]

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Round Corners on images / Rounded / Curved image corners’ is closed to new replies.