Probllem with repeat-x

I am trying to use repeat-x to duplicate a specific graphic horizontally
across the bottom of a page. The repetition and centering is working fine
but I am getting a thin white border around the repeated white graphic and I
can't figure out how to stop that from happening. Here is the relevant CSS:

#fixed-footer {

background-image: url("/~cat/images/footer_reflection_266x200.jpg");

background-repeat: repeat-x;

background-position: center;

height: 200px;

width: 100%;

position: fixed;

bottom: 0px;

z-index: 5;

}

Is there any way to have the image repeat without any border being generated
around it?

--
Rhino
---
"There are two ways of constructing a software design. One way is to make it
so simple that there are obviously no deficiencies. And the other way is to
make it so complicated that there are no obvious deficiencies." - C.A.R.
Hoare

Rhino wrote:

Here is the relevant CSS:

Give us the URL or stop bothering us.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

In article <873ag6517a.fsf (AT) bsb (DOT) me.uk>,
Ben Bacarisse <ben.usenet (AT) bsb (DOT) me.uk> wrote:

"Rhino" <no.offline.contact.please (AT) nospam (DOT) com> writes:

I am trying to use repeat-x to duplicate a specific graphic horizontally
across the bottom of a page. The repetition and centering is working fine
but I am getting a thin white border around the repeated white graphic and
I
can't figure out how to stop that from happening. Here is the relevant CSS:

#fixed-footer {
background-image: url("/~cat/images/footer_reflection_266x200.jpg");
background-repeat: repeat-x;
background-position: center;
height: 200px;
width: 100%;
position: fixed;
bottom: 0px;
z-index: 5;
}

Is there any way to have the image repeat without any border being
generated
around it?

Any answer based on such limited information will be a guess. A URL
would enable people here to see what other CSS (and HTML) might be
involved. If I had to guess now, I'd say you are seeing the margin on
the page body (i.e. body { margin: 0 } might remove it) but that is
very much a long shot -- you might be seeing an actual border on the
footer, or maybe... oh, too many options.

If your guess was a long shot, how come I, not known as a wild gambler,
would put money on it being right?

--
dorayme

Rhino wrote:

I am trying to use repeat-x to duplicate a specific graphic horizontally
across the bottom of a page. The repetition and centering is working fine
but I am getting a thin white border around the repeated white graphic

Are you sure that "border" isn't actually in the image itself?
Background images have no borders, so there is no property that would
add one by default.

Here is the relevant CSS:

Don't waste time with a worthless code snippet. Post a URL so we can see
the image ourselves.

--
Berg

"Jukka K. Korpela" <jkorpela (AT) cs (DOT) tut.fi> wrote

Rhino wrote:

Here is the relevant CSS:

Give us the URL or stop bothering us.

I'm trying to respect my client's confidentiality by not showing her site to

anyone until it is done. I had hoped the solution would be obvious from the
CSS. If it's not, please feel free to disregard my post. There's no need to
be snippy.

--
Rhino

"Ben Bacarisse" <ben.usenet (AT) bsb (DOT) me.uk> wrote

"Rhino" <no.offline.contact.please (AT) nospam (DOT) com> writes:

I am trying to use repeat-x to duplicate a specific graphic horizontally
across the bottom of a page. The repetition and centering is working fine
but I am getting a thin white border around the repeated white graphic
and I
can't figure out how to stop that from happening. Here is the relevant
CSS:

#fixed-footer {
background-image: url("/~cat/images/footer_reflection_266x200.jpg");
background-repeat: repeat-x;
background-position: center;
height: 200px;
width: 100%;
position: fixed;
bottom: 0px;
z-index: 5;
}

Is there any way to have the image repeat without any border being
generated
around it?

Any answer based on such limited information will be a guess. A URL
would enable people here to see what other CSS (and HTML) might be
involved. If I had to guess now, I'd say you are seeing the margin on
the page body (i.e. body { margin: 0 } might remove it) but that is
very much a long shot -- you might be seeing an actual border on the
footer, or maybe... oh, too many options.

Thank you for the suggestion. I would have liked to include a URL but the

client has not given me permission to let anyone see the site yet. I'd hoped
that the CSS alone might be enough to solve this problem.

--
Rhino

In article <gjc3lp$rjb$1 (AT) news (DOT) datemas.de>,
"Rhino" <no.offline.contact.please (AT) nospam (DOT) com> wrote:

"Jukka K. Korpela" <jkorpela (AT) cs (DOT) tut.fi> wrote in message
news:vU76l.110942$_03.102931 (AT) reader1 (DOT) news.saunalahti.fi...
Rhino wrote:

Here is the relevant CSS:

Give us the URL or stop bothering us.

I'm trying to respect my client's confidentiality by not showing her site to
anyone until it is done. I had hoped the solution would be obvious from the
CSS. If it's not, please feel free to disregard my post. There's no need to
be snippy.

Please say if it was a body margin problem as I have money on it.

--
dorayme

"Bergamot" <bergamot (AT) visi (DOT) com> wrote

Rhino wrote:
I am trying to use repeat-x to duplicate a specific graphic horizontally
across the bottom of a page. The repetition and centering is working fine
but I am getting a thin white border around the repeated white graphic

Are you sure that "border" isn't actually in the image itself? Background
images have no borders, so there is no property that would add one by
default.

As a matter of fact, I think you've nailed it.

I didn't see a border in The Gimp when I looked at it there but the dotted
line must have covered it up. Now that I've looked at it in the Nero
PhotoSnap Viewer, I see that there is a thin white border along the top and
left side. I expect the problem will go away once I've done that.

Here is the relevant CSS:

Don't waste time with a worthless code snippet. Post a URL so we can see
the image ourselves.

I am trying to protect my client's confidentiality; she has not authorized

me to show the site to anyone yet. I had hoped the CSS alone would have some
obvious flaw that I'd just missed.

Sorry to waste your time. I am working with my hands tied behind my back
too.

--
Rhino

Rhino wrote:

"Jukka K. Korpela" <jkorpela (AT) cs (DOT) tut.fi> wrote in message
news:vU76l.110942$_03.102931 (AT) reader1 (DOT) news.saunalahti.fi...
Rhino wrote:

Here is the relevant CSS:
Give us the URL or stop bothering us.

I'm trying to respect my client's confidentiality by not showing her site to
anyone until it is done. I had hoped the solution would be obvious from the
CSS. If it's not, please feel free to disregard my post. There's no need to
be snippy.

(Jukka has every right to be snippy. Too many people come here looking
for help, supplying code instead on a URL.)

Any, what you should do to get help here, while preserving your client's
confidentiality, is to make a simple test page in which anything
extraneous and identifying has been stripped away. Then send the URL to
that page ... although you may be able to find the problem yourself if
you create a simple test page which demonstrates your problem, since it
reduces the mass of code that you have to focus on.

Rhino wrote:

"Bergamot" <bergamot (AT) visi (DOT) com> wrote in message
news:6rt2ihF38acrU1 (AT) mid (DOT) individual.net...

Don't waste time with a worthless code snippet. Post a URL so we can see
the image ourselves.

I am trying to protect my client's confidentiality; she has not authorized
me to show the site to anyone yet.

So upload a test page somewhere other than her domain. Strip the page
down to the minimum necessary to show the problem.

Sorry to waste your time. I am working with my hands tied behind my back

No, you're not. You just weren't thinking past the obvious.

--
Berg