CSS query.

John Fitzsimons · Dec 9, 2004

Hi,

I have two web sites. On one I have the following in the header ;

<BODY BGCOLOR="#FFFF86" BACKGROUND="web15.jpg">

On the other I have a style sheet as follows ;

BODY { background: #FFFF86; color: #000000;

It seems like whatever way I try to incorporate the former into the
latter it doesn't display correctly. Can anyone here tell me what I
might be doing wrong and how to make the CSS display the same
as the first site please ? Or cannot graphics be part of a CSS ?

Any help appreciated. TIA.

Regards, John.

Steve Pugh · Dec 9, 2004

I have two web sites. On one I have the following in the header ;

<BODY BGCOLOR="#FFFF86" BACKGROUND="web15.jpg">

On the other I have a style sheet as follows ;

BODY { background: #FFFF86; color: #000000;

It seems like whatever way I try to incorporate the former into the
latter it doesn't display correctly.

Perhaps it would help if you said what you had tried and didn't work?

Can anyone here tell me what I
might be doing wrong and how to make the CSS display the same
as the first site please ? Or cannot graphics be part of a CSS ?

body {background-color: #FFFF86; background-image: url(web15.jpg);
color: #000000;}

or

body {background: #FFFF86 url(web15.jpg); color: #000000;}

It's all in the CSS spec:
http://www.w3.org/TR/CSS2/colors.html#q2

Steve

Toby Inkster · Dec 9, 2004

John said:
<BODY BGCOLOR="#FFFF86" BACKGROUND="web15.jpg">

On the other I have a style sheet as follows ;

BODY { background: #FFFF86; color: #000000;

It seems like whatever way I try to incorporate the former into the
latter it doesn't display correctly.

Do you mean like this?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<title>Example page</title>
<style type="text/css">
body {
background: #FFFF86 url("web15.jpg") repeat scroll top left;
color: #000000;
}
</style>
<body>
...
</body>

Mark Parnell · Dec 9, 2004

<BODY BGCOLOR="#FFFF86" BACKGROUND="web15.jpg">

BODY { background: #FFFF86; color: #000000;

It seems like whatever way I try to incorporate the former into the
latter it doesn't display correctly.

Did you try doing it according to the specs?
http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-image

Duende · Dec 9, 2004

While sitting in a puddle Mark Parnell scribbled in the mud:

Did you try doing it according to the specs?
http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-image

Kinda takes away the fun of a challenge.

John Fitzsimons · Dec 10, 2004

body {background: #FFFF86 url(web15.jpg); color: #000000;}

It's all in the CSS spec:
http://www.w3.org/TR/CSS2/colors.html#q2

Excellent ! Worked perfectly. Thank you for the solution and the
reference.

Regards, John.

John Fitzsimons · Dec 10, 2004

John Fitzsimons wrote:

Do you mean like this?

< snip >

Thank you for your help Toby.

Positioning CSS components	1	Nov 16, 2023
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
Stuck with html and css	25	Dec 14, 2022
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
<Button ...> display is fine, except for two things	1	Oct 23, 2023
Need assistance finetuning HTML, CSS, Javascript - sticky header issue	3	Feb 25, 2022
Can I modify the tooltip display on an <input type="xx"> statement?	2	Oct 22, 2023
Background image not showing up on html page	3	Sep 23, 2023

CSS query.

John Fitzsimons

Steve Pugh

Toby Inkster

Mark Parnell

Duende

John Fitzsimons

John Fitzsimons

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads