View Full Version : Vertical line for css & html

08-10-2010, 10:31 PM
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?

08-11-2010, 03:19 AM
It is rendering correctly in Safari 5...

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

08-11-2010, 08:16 PM
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.:cool: 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!:confused:

08-12-2010, 02:05 AM
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.


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.w3.org/TR/css3-multicol/ Note, that is still developmental.

http://novitskisoftware.com/test/multiplecolumnsEms.html An example of classing out by exhaustion the 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.

08-12-2010, 07:23 AM
Thank You Vary much for giving your info I will keep this in mind. It reminds me to fellow the old saying KISS!:)