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 5 of 5

Thread: Vertical Lines

  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Vertical Lines

    Hey there, anyone know how to create a vertical line with css,
    just a basic line you would get from placing <hr> tag in HTML but obviously not horizontal.
    Any tips on altering style, color etc would be sweet too,
    thanks ya"ll.

  • #2
    New Coder
    Join Date
    Aug 2011
    Posts
    51
    Thanks
    6
    Thanked 12 Times in 12 Posts
    have two <div> side by side and have one of the div have border-right or border-left in the css

  • Users who have thanked ASTP001 for this post:

    codemash (09-03-2011)

  • #3
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    You can use border properties of CSS, like border-left and border-right

  • Users who have thanked vikram1vicky for this post:

    codemash (09-03-2011)

  • #4
    New Coder
    Join Date
    Aug 2011
    Posts
    51
    Thanks
    6
    Thanked 12 Times in 12 Posts
    you could also use a table and get rid of all the borders other than the vertical one...

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Flint, Michigan, USA
    Posts
    627
    Thanks
    1
    Thanked 20 Times in 20 Posts
    If you want something similar to an <hr> tag, why not use <hr> plus some styling?
    Code:
      <hr class="Vertical">
      .Vertical {
        width: 1px;
        height: 200px;
      }


  •  

    Posting Permissions

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