Rounded Corners for officelive Small Business Website

Discussion in 'HTML & Website Design' started by AzharNadeem, Mar 1, 2011.

  1. #1
    Dear All
    I have built my website using online builder from Microsoft i.e Microsoft office Live Small Business. I want to have rounded corner shapes on my websites but I am just a beginner in web designing. Can anybody advise me how I can have round corner shapes deployed on my website in some very easy manner.

    Regards

    Azhar
     
    AzharNadeem, Mar 1, 2011 IP
  2. SEO Hammer

    SEO Hammer Active Member

    Messages:
    28
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    68
    #2
    if you would like to round the table/div corners search in google for: "dreamweaver rounded corners" or "css rounded corners"and follow any of the tutorials. If want to round corners of an image in photoshop, there are many ways to do that so again search google.
     
    SEO Hammer, Mar 1, 2011 IP
  3. alalawa

    alalawa Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    If you are using a style sheet then add this code in the id or class you are calling

    border-radius:10px;
     
    alalawa, Mar 1, 2011 IP
  4. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #4
    Obviously DPers never search the forum, this has been answered not less than 1000 times may be. if you just scroll down to couple of threads down you'll find just 2 days back a thread has been created on rounded corners http://forums.digitalpoint.com/showthread.php?t=2106162
     
    radiant_luv, Mar 1, 2011 IP
  5. clickbump

    clickbump Greenhorn

    Messages:
    29
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    15
    #5
    Here's an example you can learn from and test yourself ...

    <style type="text/css">
    .rounded {
    border:1px solid #ccc;
    border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    padding:10px;
    }
    </style>

    <div class="rounded">This element will have a 1 pixel gray border with 10 pixels of padding applied between the text and the inside border</div>
     
    clickbump, Mar 2, 2011 IP
  6. KevinACrider

    KevinACrider Member

    Messages:
    53
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #6
    So, not only did you provide an incorrect answer that will not work in IE, you've provided it in 2 separate threads. Why do you insist on providing incorrect information?
     
    KevinACrider, Mar 2, 2011 IP