Sidebar question. How did digg.com…

  • I am working on making a template of my own and on digg.com on their sidebars they have a green line but it’s rounded and uses images. I was wondering if anyone can help me putting that together. Like coding wize. If they put in into there css, or other.

Viewing 4 replies - 1 through 4 (of 4 total)

  • That’s a simple trick.
    Look at the background-image which is positioned on top left:
    digg.com/img/digg-box-3.gif
    It’s a really large image the browser is cutting off after the text is finished. So it doesn’t use a border-definition in the css.
    You only have to put something in the bottom right edge, too, and you’re done. As far as i know, you have to do this most easily by putting another div box in the div box. Unfortunately this is messin’ the code up a little but i have no idea how to do this another way

    Is it possible to have round corners in every edge?

    It’s possible but more complicated (until CSS-3!)

    This is a common topic — try https://www.google.com/search?q=css+rounded+corners

    Thanks for the link, i’m gonna check this out.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar question. How did digg.com…’ is closed to new replies.