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
  1. #1
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Vertical line for css & html

    I have a problem with the Vertical line for css & html. I can't use based on the information on the page because it changes from page to page. I would like it to be from the top line to the bottom line, but I don't know how to do it. The pages and css are a cvlcc.com I have tried it boarder left and right. Sure could use some help I'm trying to use only css and php for every thing?

  • #2
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It is rendering correctly in Safari 5...

    Show us the markup you are using, plus what browser/OS are you testing in ?

  • #3
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Vertical line for css & html

    When you look at the front page everything looks right in the different styles but when you look at the other pages are wrong when the middle is shorter. I can't setup a perment size because the middle collum will be different heights. I'm using fox and crome and win to test. I'm totaly lost on how to fix the problem? It is in the css code!

  • #4
    New Coder
    Join Date
    Jul 2010
    Posts
    24
    Thanks
    0
    Thanked 2 Times in 2 Posts
    The code is not validating at all. I noticed that the "right side" DIV seems to being with </a>. I didn't understand why that was.

    In this Unicorn validator, the first 125 lines or so are returning 39 errors for XHTML Transitional.

    http://validator.w3.org

    I suggest you cut this thing down into sections of about 50 lines apiece, and then feed it into the Unicorn W3C validator, and hunt down some of the errors that way.

    To get the vertical columns done on a browser without a vertical column option, you might want to try a "defined styles" approach.

    Idea would be to use a definition list that floats left, a definition list that floats right and a definition list that is styled for a static center width.

    If you are trying to break up the styles in percentages, and you have multiple columns, it helps to hold one of the columns at a set distance. Like, by a given pixel amount.

    Try some of these references, if you are interested:
    http://www.maxdesign.com.au/articles/definition/

    http://www.w3.org/TR/css3-multicol/ Note, that is still developmental.

    http://novitskisoftware.com/test/mul...olumnsEms.html An example of classing out by exhaustion the columns.

    https://developer.mozilla.org/en/css3_columns

    Of those, I feel the first is the most helpful; if you can define a list, lay your text in there, and then keep each defined list contained by span: that approach might work.

    I can only offer that as a suggestion.

    That definition list article, above, helps me to validate strict 4 and still get some boxy looks without the tables and frames and inlines. I made a mistake earlier today, by the way, with a typo on such a defined list which rendered some of my markup, by accident, in a vertical column similar to the one you describe.

    To get the line, it would be a matter of styling the box model of the defined list.

    Good luck.

  • Users who have thanked agxphoto for this post:

    cvlcc (08-12-2010)

  • #5
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Vertical line for css & html

    Thank You Vary much for giving your info I will keep this in mind. It reminds me to fellow the old saying KISS!


  •  

    Posting Permissions

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