?
Solved

Add vertical line to home page sidebar

Posted on 2013-02-05
4
Medium Priority
?
616 Views
Last Modified: 2013-02-05
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
Comment
Question by:COwebmaster
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 38855835
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
 

Author Comment

by:COwebmaster
ID: 38855971
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
 
LVL 30

Accepted Solution

by:
LZ1 earned 2000 total points
ID: 38856167
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
 

Author Closing Comment

by:COwebmaster
ID: 38856328
That worked, thanks!
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Suggested Courses

741 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question