Results 1 to 2 of 2

Thread: background "rounded" corners
      
   

  1. #1
    dannysheps@hotmail.com is offline Second Lieutenant
    Join Date
    Feb 2008
    Posts
    138

    Default background "rounded" corners

    hello
    is it possible to create rounded corners for the font-bground ?

    <font face="****" bground="yellow" shape="round">

    i know its not like that but i tried to give an example


    thanks

  2. #2
    Watdaflip's Avatar
    Watdaflip is offline Major General
    Join Date
    Sep 2005
    Location
    Cincinnati, Ohio
    Posts
    2,119

    Default Re: background "rounded" corners

    With html no, there is no built in tag or attribute to make a round corner.

    It is possible with css, either using an image, as well as other methods.

    Heres one that doesn't use an images, using a bullet point for each corner, or an inline element to create the corner.

    Heres is a guide to using the latter.
    http://webdesign.about.com/od/css/a/aa072406.htm

    However this method only works (at least will only look right) if you are using a solid color). If you need a rounded edge on a rectangle that has some design or a gradient, its best to use secondary images for the corners.

    Lastly if you are wanting to just give an image that you have created/edit a rounded edge it is best to do this with the image editing program you are using, its quicker, cleaner, and much easier to do. Plus since you are not using extra html/css code and the image will be smaller, your website load time will speed up (albeit you are only talking about a faction of a kb, so its not a noticeable difference)

    Register/Login Script
    Do you use a Password Protected Directory? Need a way to allow users to make their own account, try my .htaccess Login Script

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49