• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 624
  • Last Modified:

Add vertical line to home page sidebar

I have a site here, http://www.kitchensofdenver.com/ and want to add a vertical line on the home page to the left of the home page form like you see on the internal pages.  How would I adjust the css to accommodate that so that it repeats?
0
COwebmaster
Asked:
COwebmaster
  • 2
  • 2
1 Solution
 
LZ1Commented:
Line 651 of your style.css sheet has this:

#content-area {
    background: url("images/sidebar-bg.png") repeat-y scroll 660px 0 transparent;
}

Open in new window


On your home page you could give the #top container the same background.
#top {
    background: url("images/sidebar-bg.png") repeat-y scroll 300px 0 transparent;
    border-bottom: 0 solid #FFFFFF;
    padding-top: 20px;
}

Open in new window


Then remove the background from #home-top
0
 
COwebmasterAuthor Commented:
Okay I tried that but it placed the vertical line on the far left from top to bottom.

I would like a vertical line to the left of the contact form on the home page only. Any suggestions for that?
0
 
LZ1Commented:
Add the background to the #home_table and you should be good.

 #home_table{background: url("images/sidebar-bg.png") repeat-y scroll 660px 0 transparent;}

Open in new window


But please try to remove all the tables in your layout. It's very bad practice, horrible markup and non-semantic.
0
 
COwebmasterAuthor Commented:
That worked, thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now