Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Rounded corners on images

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #25911
    mikronaz
    Member

    Hello,

    I am having this problem: can’t found a way do make rounded corners on <img />. Apparently CSS3 doesn’t work for this. I tried to make

    Code:
    Code:
    .image { widht: 200px; height: 100px; -moz-border-radius: 10px; overflow: hidden; }

    but <img /> just overlaps those corners of parent div. Maybe I should use some javascript? Help please! ;)

    #62982
    Dor
    Member

    Setting overflow: hidden; might solve your problem, but do know that it only works in firefox.

    Also, if it’s only images, cut them using appropriate graphic tools to the desired shape, and the upload it. less browser stress, and more compatible.

    #62974
    mikronaz
    Member

    Cutting pictures with rounded corners won’t work for me… There is design for gallery where thumbnails is with rounded corners, so it won’t be good for my client.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.