Results 1 to 5 of 5

Thread: Round circle image in webpage

  1. #1
    Join Date
    Jul 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Round circle image in webpage

    I have a problem with making a JPG image round and to fit it into a webpage,
    can samebody maybe suggest a simple way to make it

    so in other words picture cut it round and place it as a round image in a webpage....

    It sounds simple but i'm desperate!

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    I can't do it without the original image.
    Jeremy | jfein.net

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    All images are rectangular. So basically, you make the image's corners match the surrounding background. However, if you wish there to be both foreground and background showing through the corners, you would need your image to be a .png or a .gif image with transparent corners. Even so, although links will show through such an image in its transparent regions, they may not be clickable from underneath its transparent parts.

    It would be easier to offer workable suggestions (if any exist) for this if we could see the image and the page you want it on, preferably both at once.

    Please post a link to the page on your site that contains the problematic code so we can check it out.


    Please give as many details as possible as to how you want the finished result to be.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Dec 2006
    Posts
    47
    Thanks
    1
    Thanked 3 Times in 3 Posts

    Default

    It might not be too simple but, I used VML and a screen capture to get this.It didn't take long as I wrote my own VML editor to make editing quick and easy.

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Thats nice, a simpler example would be:



    assuming you have smilies enabled. However, the facts remain. With a .jpg image like you have text will not show through the corners. An image like that could be rather easily be made in Paint Shop, Photoshop, The Gimp, probably others. The real trick would be in how it gets integrated into a page, that is if it isn't to be standing off by itself somewhere, in which case, what you have is perfect.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •