How do you get this line effect?

Discussion in 'CSS' started by theblurr5495, Feb 21, 2010.

  1. #1
    I want to add the horizontal line between my popular posts. You can see an example of it here. In the example there is a line separating popular posts in his sidebar. Who do I achieve this using CSS?

    Thanks!
     
    theblurr5495, Feb 21, 2010 IP
  2. champ

    champ Member

    Messages:
    30
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    48
    #2
    div.theDivInQuestion {
        border-top: 2px solid #476283;
    }
    Code (markup):
     
    champ, Feb 21, 2010 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Easiest way without going in and adding a HR in the markup, would just be border-top on each line-item.

    Hopefully you won't try to 'fix' the height of each of them like that page did under 'recent comments' given how badly that breaks at large fonts/120dpi.
     
    deathshadow, Feb 21, 2010 IP
  4. theblurr5495

    theblurr5495 Active Member

    Messages:
    436
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Thanks, nice color too.

    Okay, I won't fix the height.
     
    theblurr5495, Feb 21, 2010 IP