CSS Rounded Corners w/Single Call from HTML

Discussion in 'CSS' started by North Carolina SEO, May 16, 2006.

0
  1. #1
    Lately, I've been working with creating a list using CSS. My question: Is there a way to make a single call from the HTML to accomplish the same as the following (OR) a full replacment of similar design?

    Background: See CSS and round corners: Borders with curves

    My intention is to make a call like:

    <div class="roundborders">Insert Text Here</div>

    Which would place the borders around the text no matter how tall or wide.

    Any ideas??? :confused:
     
    North Carolina SEO, May 16, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    It's not quite that simple. See the Thrash Box. It's about as simple as you can get assuming you need to support IE. If it weren't for IE's being several years behind in css support, it could be even easier.

    cheers,

    gary
     
    kk5st, May 16, 2006 IP
  3. North Carolina SEO

    North Carolina SEO Well-Known Member

    Messages:
    1,327
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    105
    #3
    Thanks for the info Gary. I had looked over the Thrashbox site which is nice. I'm already able to make the calls from HTML but, each is still pretty much individual calls. There must be some way to "combine" or insert into one class in the CSS.

    Thanks again,
     
    North Carolina SEO, May 16, 2006 IP
  4. Dekker

    Dekker Peon

    Messages:
    4,185
    Likes Received:
    287
    Best Answers:
    0
    Trophy Points:
    0
    #4
    nope there isn't
     
    Dekker, May 16, 2006 IP
  5. livingearth

    livingearth Well-Known Member

    Messages:
    1,469
    Likes Received:
    83
    Best Answers:
    0
    Trophy Points:
    140
    #5
    <fieldset style="padding: 4">
    <legend><b><font face=tahoma color=#550000 size=3> Rounded Corners </b></legend>
    <table border="0" cellpadding="0" style="border-collapse: collapse;" width="250" height="123">
    <tr><td width="250" style="border:0px #000;">
    <center>
    Check out this nifty little snippet.
    Might not be exactly what you are looking for,
    but someone might be able to use it..

    I haven't tried it out in anything but IE as yet so it may not work in browsers other than IE...

    </td></tr></table>
    </fieldset>
     
    livingearth, May 16, 2006 IP