Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Sep 2007
    Posts
    809
    Thanks
    5
    Thanked 2 Times in 2 Posts

    Semantic round corners with CSS 2

    Hi all,

    I'm trying to round two corners, I know the new CSS has this feature but as far as I'm aware you can't do it with CS3...

    Does anyone know if it is possible to create this semantically and cross browser with CS3?

    Image below to demonstrate what I'm trying to achieve...



    Thanks,

    Greens85

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    See http://www.css3.info/preview/rounded-border/
    (You may apply border on any elements using this CSS property, so there's no need to add any extra tag to alter your document's semantics)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Sep 2007
    Posts
    809
    Thanks
    5
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by abduraooft View Post
    See http://www.css3.info/preview/rounded-border/
    (You may apply border on any elements using this CSS property, so there's no need to add any extra tag to alter your document's semantics)
    Hi abduraooft,

    I didn't think this was applicable as I'm using Dreamweaver CS3, which I didn't think included CSS3... I thought CSS3 only applied to people using Dreamweaver CS4? Or have I got this all wrong?

    Thanks

  • #4
    Regular Coder
    Join Date
    Sep 2007
    Posts
    809
    Thanks
    5
    Thanked 2 Times in 2 Posts
    Seems that this will work in FF but isn't supported by IE... is that correct?

  • #5
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    You can find some help here. Use search panel - type in 'rounded' without the quotes.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #6
    Regular Coder seco's Avatar
    Join Date
    Nov 2008
    Location
    Oregon
    Posts
    687
    Thanks
    6
    Thanked 79 Times in 77 Posts
    dreamweaver has nothing to do with code versions, its just a coding tool, bloated notepad. why dont you wait to do css3 stuff anyways, its still a little new. and rounded corners are easy any way you cut it. make a circle image, put it in the corners.


  •  

    Posting Permissions

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