vertical line rules

andrewscheiderich / 2012-10-14 06:47:10   

Is there an quick/easy way to add a vert line between index and exhibit areas?
Thanks. much appreciated.

arsondpi / 2012-10-14 08:59:56   

in your style.css (Admin->Assets->style.css) find line 47, and in #index add border-right: 1px solid #000000; (this is an example -of course you may need to adjust these to your liking...)

andrewscheiderich / 2012-10-15 04:17:08   

Thanks. That was easy enough. So how would I specify the length of the line if I didn't want it to run off the page? Did a search in google but it didn't come up with an answer for css.

arsondpi / 2012-10-15 13:19:13   

....then instead of a border you can create an image 1px wide and the length of your preference and add a background: url('IMAGE_URL_ADDRESS') no-repeat top right;
There's lots of variations for this - you can even move the vertical line anywhere inside the #index. Check W3Schools for more info on that...

andrewscheiderich / 2012-10-16 04:45:13   

Sorry to bother you again with this. W3Schools has the same thing, but when I enter this line of code it doesn't work: #index { width: 215px; background-image: url('andrewscheiderich.com/files/gimgs/…') no-repeat top right; /* line-height: 1.3em; */ } Do you see anything right off the bat wrong here? The file is 1px wide by 700px high. Appreciate all your help.

This thread has been closed, thank you.