I’ve been using Freeway Pro for a couple weeks trying out potential layouts for a website. I’m a complete novice to web design. Very impressed with the ease of Freeway and I’ve been able to figure out most of the things I wanted to try. However, I’ve not been able to figure out how to code for a background image to expand similar to the “space” image that softpress.com uses on their background where the main site information remains centered and the images expand equally on either side. I’ve tried the manual recommendations for non-CSS html and “None” align and can get an image to tile to the right. I haven’t been successful with the CSS html item approach. In all cases, the site expands only to the right and doesn’t remain centered like softpress.com. I looked through the html and css code from softpress.com but couldn’t see anything that helped me.
I realize this is most likely a newbie question, but I’ve read the manual and searched this site and the support on Softpress and couldn’t find an answer. Thanks in advance for any guidance.
With nothing selected on the page select the second tab in the Inspector palette (the paint brush icon)
Set the page background color (optional) and choose an image for the background
With the image selected you can now choose how the image should be positioned using the Horizontal and Vertical controls
Setting both the Horizontal and Vertical controls to center will place the image in the center of the browser window
The last thing to do is to click on the first tab in the Inspector palette and set the page to Align center
You should now have a page that is centered over the browser width with a background image that is also centered behind it.
On 13 Mar 2012, at 19:37, Frank Haist wrote:
However, I’ve not been able to figure out how to code for a background image to expand similar to the “space” image that softpress.com uses on their background where the main site information remains centered and the images expand equally on either side.
Thanks Tim. That worked like a charm. I had been trying to generate images that were as big as my selected page width. Not only did you solve my problem, I now understand how large images are integrated into the background. It seems that the curve in the large stars5.png image produced an automatic “padding” from the top of the page matching the dip in the curve when centered on the horizontal. I was adding some transparent padding to my image and that tended to make the image even larger.