FF dev toolbar clue with css bg colour problem?

The header on this page http://www.vertalersvakschool.nl/ needs to be
slighty changed to a brighter yellow, as here:
http://www.spinsister.nl/zandbak/VVs/

To me the new page http://www.spinsister.nl/zandbak/VVs/ looks fine,
both locally and on the remote server, but the client sees the "logo"
as a clearly defined image with to the left and right the old, warmer
yellow of the top-background gradient. I have asked her to refresh the
page, but that does not make any difference.

I have checked and double-checked but have not been able to sort out
the problem. I have noticed though, that when I use the developers
toolbar in Firefox, and choose "Edit CCS" (*not* "view css"), the
background gradient at the top disappears in
http://www.spinsister.nl/zandbak/VVs/ but not in
http://www.vertalersvakschool.nl/ .

Can this be a clue?

To what?

Thanks.

--
Groet,
Adriana

This image is not found on server
http://www.spinsister.nl/zandbak/VVs/images/illustraties/tot04.jpg



--
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
www.twitter.com/altweb
www.alt-web.blogspot.com/

This image is not found on server
http://www.spinsister.nl/zandbak/VVs/images/illustraties/tot04.jpg

Thanks, Nancy. It is now, but it does not make any difference to my
problem.

When I use the Webdeveloper´s toolbar in Firefox, and click "edit css"
the yellow gradient top disappears, leaving only the logo image. When
refreshing, with the "edit css" window still open, the gradient top
briefly reappears.

I thought if I understood better what that "edit css" does, it might
give me a clue as to what is wrong.

--
Groet,
Adriana

"edit css" is just what its name implies. This allows you to edit your CSS
files in the left pane and see results in the right pane. It doesn't stay
that way, but it gives you way to troubleshoot problems in your browser.

My guess is that you have a conflict in your CSS code because you have both
an external stylesheet plus CSS styles embedded in your pages. To simplify
things put all your CSS into the external stylesheet and remove duplicate
styles from html pages.


--
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
www.twitter.com/altweb
www.alt-web.blogspot.com/

My guess is that you have a conflict in your CSS code because you
have both an external stylesheet plus CSS styles embedded in your
pages. To simplify things put all your CSS into the external
stylesheet and remove duplicate styles from html pages.

It does look like a conflict, but the css validator gives me the thumbs
up.
I removed the internal css anyway and tried again: same problem.

--
Groet,
Adriana

body {
background-image: url(images/menubar_gradient_gifgeel.gif)
This looks like the warmer image.

body {
background-image: url( ../images/menubar_gradient_gifgeel.gif);
not found on server.

Try giving the new background a different name so we can distinguish between
them. Apply the new background to your body's CSS. Upload page and new
image to server.

--
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
www.twitter.com/altweb
www.alt-web.blogspot.com/

body {
background-image: url( ../images/menubar_gradient_gifgeel.gif);
not found on server.

By Jove, I think you've got it!

I'd suddenly found a map "images" within my default image folder for
that site. So I moved the content, had DW update the linked pages and
deleted the folder. Must be it!

I am too tired now (evening here, glass of red wine lurking) but will
go into this tomorrow morning and report back. I feel very stupid not
to have found this myself.

Thank a lot, Nancy!

--
Groet,
Adriana

Try giving the new background a different name so we can distinguish
between
them. Apply the new background to your body's CSS. Upload page and
new
image to server.

Ok, I did that, deleted everything on the remote and uploaded
everything again. Colours fine now, gradient too. Thanks, Nancy!

*But* there is a very subtle line visisble to the left of the logo
image where it is supposed to merge with the gradient. I cannot see it
to the right, but it is probably there as well.(
http://www.spinsister.nl/zandbak/VVs/ )

So I added border: none to the .logo class. Doesn't help. I checked the
image size. Seems allright.

The client is happy now that the colours match, but I very much want to
get rid of the subtle border as well. Especially since it is not there
in the old version (http://www.vertalersvakschool.nl/ ) which was made
with practically the same code.

What on earth can it be?

--
Groet,
Adriana

Try giving the new background a different name so we can distinguish
between
them. Apply the new background to your body's CSS. Upload page and
new
image to server.

Thanks, again, Nancy. Everything is fine now.

--
Groet,
Adriana