SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Apr 2002
    Posts
    523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Try to do circle my gif

    My Gif is squre, so i try to do circle just only 4 corners.

    I used this css, but it doesn't work at all.

    Here is my code
    <style type="text/css">
    <!--
    .ito{-moz-border-radius:100%;}
    //-->
    </style>
    <body>
    <img src="JK.gif" class="ito">
    </body>
    </html>

    Thank you very much

  2. #2
    Sultan of Ping jofa's Avatar
    Join Date
    Mar 2002
    Location
    SvÝ■jˇ­
    Posts
    4,080
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Add border width and style:
    .ito
    {
    -moz-border-radius:100%;
    border-width: 3px;
    border-style: solid;
    }

    Then you can see the border, behind the image (!)
    Don't know how to make the corners hidden

    BTW, this only works in Netscape 6

  3. #3
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I believe you have to be using either Mozilla or Netscape 6+ to see this effect.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes


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
  •