Page Background

General ShopSite user discussion

Page Background

Postby hartzoo » Wed Dec 26, 2007 3:15 pm

My web pages are a set size and left justified. When looking at the website on larger monitors, the page background is visible (and is white). What I am trying to accomplish is for any area outside of the actual web page to be black. I have accomplished this on custom designed pages, http://skyvision.com/index.html but cannot seem to do it on the ShopSite pages http://skyvision.com/store/Receivers.html. I tried using my custom template and changing the page background to black, but I get a template error that page tags are not allowed when I try to upload. Easy fix?
Hartzoo
hartzoo
 
Posts: 7
Joined: Fri Nov 10, 2006 10:44 am

Postby Jim » Wed Dec 26, 2007 3:49 pm

On the page: http://skyvision.com/store/Receivers.html
you have

<body link="#000080" text="black" topmargin="0" leftmargin="0" alink="#000000" bgcolor="#FFFFFF" vlink="#808080">

so the background should be white. If you want it black you should have
bgcolor="#000000"


Note that you also have html problems with the page. There are multiple body tags as shown below in text copied from the page source

<body link="#000080" text="black" topmargin="0" leftmargin="0" alink="#000000" bgcolor="#FFFFFF" vlink="#808080">


<div align="left">
<table border="0" cellpadding="0" cellspacing="0" width="744" bgcolor="#FFFFFF">
<tr>
<td width="100%">
<body topmargin="0" leftmargin="0">

It is hard to say what a browser will do when it encounters bad html so you should make sure that your html is as clean as possible. You can run the page through an html validator to help pinpoint problems. I use this one http://www.htmlhelp.com/tools/validator/ .
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Background Colors and Tables for Search and Shopping Cart

Postby hartzoo » Thu Dec 27, 2007 11:02 am

I have figured out the background colors (and fixed the extra <body> tags) in my pages; now I'm trying to tackle the Search and Shopping Cart pages. Changing the background color on these pages doesn't work for me because it turns the whole page black. The logical fix would be to put the page content into a table; that way I can control the size (we use a fixed size for our pages) and also so the background can be white while outside of the web page can be black. I tried to add a table on the search template and move everything inside the table, but it creates more <body> tags. How do I manage this?
Hartzoo
hartzoo
 
Posts: 7
Joined: Fri Nov 10, 2006 10:44 am

Postby Jim » Thu Dec 27, 2007 2:30 pm

ShopSite only outputs one set of body tags so if you are getting multiple it is because it is in your template, include files or in text fields used on the page.

To get more specific we would have to see the page that has the problems.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Page Backgrounds

Postby hartzoo » Thu Dec 27, 2007 3:19 pm

The body tag issue has been fixed. I am now trying to make my search results page and checkout pages match the other web pages with the white background against the black page. This would include the more information pages. Ideas?[url]www.skyvision.com/store/search.html
[/url] is how I want them to look. http://www.skyvision.com/cgi-bin/shopsite/sc/productsearch.cgi?storeid=*1a4e255d60049d201320664f791a30 is how it looks now.
Hartzoo
hartzoo
 
Posts: 7
Joined: Fri Nov 10, 2006 10:44 am

Postby Jim » Mon Dec 31, 2007 3:42 pm

The link for how the page currently looks doesn't work because it is not a complete url and it is calling a cgi with incorrect/incomplete parameters.

I tried using a 7.1 store and was able to get the background of the page to be one color and the table with the search results a different color using the search_default template. To do this I edited the Header and Footer under Preferences > Page Header & Footer. In the header part I added
<table width="75%" bgcolor="RED"><tr><td>

and at the bottom of the footer I added
</td></tr></table>

In the Preferences > Search Settings > Search Layout I set the background color to Blue.

When I do a search I see a RED table with all the search result content on a background of blue. So it shouldn't be hard t get what you want.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah


Return to User Forum

Who is online

Users browsing this forum: No registered users and 118 guests

cron