Vanishing Page Background

  • Thread starter Thread starter Trillian
  • Start date Start date
T

Trillian

I've used FP 2002 to design several sites, haven't gotten
into the habit of using CSS as yet, so I've been using
the "Get Background From Another Page" option. Every once
in a while when I change the page that has the actual
background assigned to it, the background instead is
referenced in my html code as residing on my PC. Needless
to say, it doesn't show up on the net once uploaded!

First of all, why does that happen? I'm not changing the
page background, only other page content. The only way
I've found to guarantee it doesn't switch is to save the
page while in html view. But I often forget...

Second, what's the best thing for me to do, use CSS to set
the background or use a search and replace to hardcode the
relative background location on all pages?

I also assume if I used an absolute reference to the
background using a URL like:
"http://www.mysite.com/images/background.gif" I wouldn't
have the problem - correct? That would work for my
personal sites but not for client sites that I'm only
designing...

Any recommendations would be appreciated.
 
Trillian

In most of the cases where I have had clients with the same problem you had, it was due to not saving or importing the image to the web, and yes it can be a real pain, to go through a variety of pages and fix it

You could just keep an absolute url as you mentioned and just overwrite any file with a new file, but your best solution would probably be using css

Here is a very basic CSS file that controls the background of a web page and also hyperlinks. You can add many more features it if you wish, but this might help you get started, or see how a basic style sheet works

body

background-color: White
background-image: url(img/yourbackground.jpg); /*the path to your image*
background-repeat: repeat-x

a:link
{
font-family: Verdana; /*Type of Font*
color: #FFFFCA; /*Font Color*
font-size: 10pt; /*Font Size*
font-weight: bold; /*Font Weight*
text-decoration: none /*This removes hyperlink underline*

a:visited
{
font-size: 10pt; /*Type of Font*
font-family: Verdana; /*Font Color*
color: #99CCFF; /*Font Size*
font-weight: bold; /*Font Weight*
text-decoration: none /*This removes hyperlink underline*

a:active
{
font-family: Verdana; /*Type of Font*
font-size: 10pt; /*Font Size*
color: #99CCFF; /*Font Color*
font-weight: bold /*Font Weight*

a:hover
{
color: #FFFF00;
text-decoration: underline /*This adds hyperlink underline*


JD
******************
 
Back
Top