Solved

css

Posted on 2011-09-27
3
231 Views
Last Modified: 2012-05-12
http://csstemplatesfree.net/template-view/182/

I like above free template. but I would like to make  the middle space wider.
Can you show me how to do that in css? I am not css programmer.

And you can download above url  for free  to view the css file.

Thanks,
0
Comment
Question by:Webboy2008
  • 2
3 Comments
 
LVL 38

Expert Comment

by:Tom Beck
ID: 36714128
To make the whole content area wider, which will make the center section wider, you need just two changes.

1.) Change the width in the #wrap definition from 760px to something greater like 960px

#wrap {
background:#fff;
color:#303030;
margin:0 auto;
padding:1px 4px;
width:960px;
}

2.) Find a wider image to fill in the extra space you created in the header section.
0
 

Author Comment

by:Webboy2008
ID: 36714248
1. done.
2. i don't know what to do...
0
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 36714297
Do you want to use the image of the trees and snow capped mountains? You could stretch it in an image editing program.

Or, find a new image with the proper dimensions and modify this line to reflect the change.

#header {
    background: url("images/headerphoto1.jpg") no-repeat scroll left bottom #FFFFFF;
    color: #505050;
    height: 200px;
    margin: 0 10px 10px;
    padding: 0;
}
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

762 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now