Page 1 of 1

Want to add padding on left and right side of my site

Posted: Sat May 26, 2012 3:14 am
by dorlow
Hi,

I'm trying to spruce up our school's website. I am the tech for the school. The person that we paid to make the site isn't available to ask for help anymore, so I'm on my own.

I've made quite a bit of changes to the site in the last few days and it does look quite a bit better now. But the next thing we want to do is not have the bars and all the area just extend from the left side of the browser to the right. I want there to be a definite border around the website.

This is our website...

www.lakeviewschools.net

Here's a website we've been looking at that our school likes a lot that we're taking some ideas from it...

http://www.bas-k12.org/

Now, I like how there's has the definite borders. I don't like how it still extends the horizontal lines pass the borders. I'd like our page in the center to be wider without everything extending past it.

I'm planning on "sprucing" up the website soon further by replacing the 4 building icons in the center of the website with a picture slideshow of kids. But I'm just waiting on pictures from the principals.

Here's a sample slideshow I have going. The pictures aren't good...

http://www.lakeviewschools.net/sample-gallery/

Any other ideas to make it look impressive? I'm totally not a web programmer. I'm trying. The thing artist have that give them the ability to be creative, I totally wasn't born with.

Re: Want to add padding on left and right side of my site

Posted: Sat May 26, 2012 5:10 pm
by Wishbone
If you give a width to #header and set margin:auto, the entire site will center. Your needs aren't really CMSMS-related.. It's all graphics/HTML/CSS

Re: Want to add padding on left and right side of my site

Posted: Sun May 27, 2012 2:33 am
by dorlow
Where do I do that? Do I put it in the template or stylesheet? I just tried putting

width: 150 px;
margin:auto;

In a few different places in both and it didn't do anything. I tried putting it in spots that were labeled header. I tried putting it at the top. I tried encasing it in {literal} {/literal} figuring it was straight html and not a cms thing. Nothing seemed to center it.

Re: Want to add padding on left and right side of my site

Posted: Sun May 27, 2012 2:11 pm
by Jo Morg
dorlow wrote:Where do I do that? Do I put it in the template or stylesheet?
Stylesheet!
Wishbone wrote:If you give a width to #header and set margin:auto, the entire site will center. Your needs aren't really CMSMS-related.. It's all graphics/HTML/CSS
As Wishbone said: (example, change as needed)

Code: Select all

#header {
  height: 111px;
  width: 960px;
  margin:auto;
}
But you really need to check some sites with HTML/CSS tutorials if you want to understand what you are doing. :D
HTH!

Re: Want to add padding on left and right side of my site

Posted: Wed May 30, 2012 6:03 pm
by Dr.CSS
You might want to read up on HTML/CSS here...

http://www.w3schools.com/

You also have a few HTML errors...