Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How can I add vertical borders between the columns to this site?

    I'm working on my website at http://www.windylabs.com and I'm having trouble finding the correct place in the CSS files to add vertical borders between the columns. I think the best way to do it will be to put a left and right border on the middle column but I can't for the life of me find the correct place to add it among the 4 css files. Can anyone take a look at the css and tell me where to put it? Thanks in advance.

  • #2
    Senior Coder
    Join Date
    Apr 2007
    Location
    Quakertown PA USA
    Posts
    1,028
    Thanks
    1
    Thanked 125 Times in 123 Posts

  • #3
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi, thanks for the response. I would be fine if it was css I had written. Unfortunately its a wordpress powered site with a template built by a wordpress template generator and the template uses 4 stylesheets with some strangely named attributes. The problem I'm having is identifying where among the four stylesheets i should add the borders. Can anyone help?

  • #4
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    http://img443.imageshack.us/img443/9035/deleteny8.gif
    That one?

    Just add
    border-right: your attributes; to the CSS
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #5
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    sorry

    I'm sorry for being dense but where should I add border-right: ? which part of which style sheet. Thanks for all your help.

  • #6
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    I think

    .yui-u first {
    border-right: element;
    }

    Look for something like that.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #7
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    new problem

    Ok, the only way I can seem to get the borders I want is to apply the border-right and border-left attributes to the #third{} attribute of stylesheet.css . The problem is that when I do this It pulls the entire section out from between the other two columns and drops it down the page beneath them. Is there another way I can apply the borders and get the section to stay in position?

  • #8
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    When adding the border you may have to change some margins or paddings.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #9
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Solved

    Ok finally fixed it, thanks for all you help. Ended up not liking the look of it, but at least I know how now.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •