Top/Bottom and Left/Right Borders

  • jorosar

    (@jorosar)


    20 years, 6 months ago

    My blog is http://www.lapsoflife.com 🙂

    I want to do three things with it:

    1. Put a border separating the content and the right sidebar, but have it extend all the way down to the bottom of the page.

    2. Have a top and bottom ‘line’ around the top graphic (i.e. header)

    3. To have a left and right ‘border’ (but not above or below) around the entire column (sidebar and content).

    Does anybody know how to do these things? I’ve experimented a bit but ended up screwing things up 😛

    Thanks in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • moshu

    (@moshu)

    20 years, 6 months ago

    2 and 3. Wouldn’t that work if you define in your stylesheet exactly waht you’ve said in the title of this topic:
    for pic
    border-top: 1px solid #xxxxxx;
    border-bottom: 1px solid #xxxxxx'
    and for the div:
    border-right:…
    border-left: …etc.`

    For 1. Google faux column

    Thread Starter jorosar

    (@jorosar)

    20 years, 6 months ago

    I have absolutely NO CLUE what I was doing wrong before because I swear I’ve tried it but obviously something went wrong because when I gave it the benefit of the doubt and tried border-top/bottom/left/right again it worked 🙂 Although I had to stick border-left/right in three places (header body footer) it looks fine 🙂 Cheers

    Will try the faux column thing tomorrow, looks interesting! 🙂 No way to do it in straight CSS though?

    moshu

    (@moshu)

    20 years, 6 months ago

    Re: faux… You are the second one asking this today
    http://wordpress.org/support/topic/48192#post-265985
    🙂
    btw, it is straight CSS.

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

The topic ‘Top/Bottom and Left/Right Borders’ is closed to new replies.