How do I create rounded corner in tables with Dreamweaver?

Discussion in 'HTML & Website Design' started by ryukenden, Dec 31, 2007.

  1. #1
    Hi
    I wonder anyone can tell me how I create rounded corner in tables with Dreamweaver.

    thanks
     
    ryukenden, Dec 31, 2007 IP
  2. websiteideas

    websiteideas Well-Known Member

    Messages:
    1,406
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    130
    #2
    Do you want to do this with or without images? With images, it's easy, without it's hard and probably requires javascript.
     
    websiteideas, Dec 31, 2007 IP
  3. temp2

    temp2 Well-Known Member

    Messages:
    1,231
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    150
    Digital Goods:
    2
  4. ryukenden

    ryukenden Well-Known Member

    Messages:
    2,791
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    140
    #4
    ryukenden, Jan 1, 2008 IP
  5. Jalpari

    Jalpari Notable Member

    Messages:
    5,640
    Likes Received:
    137
    Best Answers:
    0
    Trophy Points:
    260
    #5
    try www.pixel2life.com its a very very good tutorial search engine.

    Contains a lot of tutorials for webmasters and graphic designers. hope good reputation will be added
     
    Jalpari, Jan 1, 2008 IP
    ryukenden likes this.
  6. EIx

    EIx Peon

    Messages:
    170
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #6
    tables design ?
    just create 3x3 col.
    add round pic to the corner as bg or <IMG>
     
    EIx, Jan 1, 2008 IP
  7. ryukenden

    ryukenden Well-Known Member

    Messages:
    2,791
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    140
    #7
    Do you mean to put it as background?
     
    ryukenden, Jan 1, 2008 IP
  8. websiteideas

    websiteideas Well-Known Member

    Messages:
    1,406
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    130
    #8
    Ya, in your CSS try something like this:

    .upperLeft {background: url(upperLeft.gif)}
    .upperRight {background: url(upperRight.gif)}
    .lowerRight {background: url(lowerRight.gif)}
    .lowerLeft {background: url(lowerLeft.gif)}
     
    websiteideas, Jan 1, 2008 IP