WordPress.org

Ready to get started?Download WordPress

Forums

Round Corners on images / Rounded / Curved image corners (4 posts)

  1. gbennyb
    Member
    Posted 4 years ago #

    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: http://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.

  2. WPsites
    Member
    Posted 4 years ago #

    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.

  3. gbennyb
    Member
    Posted 4 years ago #

    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?
    http://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery/

    any other, better idea?

  4. autocash
    Member
    Posted 3 years ago #

    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
    georgiann.milan@yahoo.com

Topic Closed

This topic has been closed to new replies.

About this Topic