Jump to content
Sign in to follow this  
clearpathnet

Header Section Borders and Color

Recommended Posts

clearpathnet    0
clearpathnet

Hey Guys,

I'm trying to edit the style of my header a bit to fit the website a bit better. So far, I have added a boarder and changed the color of my header with your help and had some good success! Now, all I want to do is contain these changes so that they are in line with the content area box. Hard to explain so I made some photos.

 

Here is how it currently looks:

http://imgur.com/KM3cgEm,t9ve4Na#0

 

The background of the header is white and extends across the entire screen.

 

Here is how I want it to look (below is a crude Photoshop):

http://imgur.com/KM3cgEm,t9ve4Na#1

 

The header has the same background effects but the side borders line up with the below content width.

 

Here is the code I am using right now for the header:

 

#header {
  background: #ffffff;
  border-bottom:#ededed solid;
  border-width:5px;  
}
 
 
Is there a way to do this?
 
Thanks guys!

Share this post


Link to post
Share on other sites
James B    436
James B

Looking at your image I would think you'd need to apply the background color to a different container, one that was within the content area. Usually this will be content or content-pad within the header section.

 

If you have a live version of the site we'll be able to see the elements available, otherwise i'd suggest looking for content or content-pad within the header id and seeing if this effected the area the color covered.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
clearpathnet    0
clearpathnet

Yup! that was it. I added content-pad and it is exactly how I wanted. Thanks a ton James!

 

-Ian

Share this post


Link to post
Share on other sites
Rob    547
Rob

I will let James know it worked!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×