background image

Tony Johansson · Nov 29, 2010

Hello!

I have some problem to understand some htl code here.
I want to show a background image that is stored in a file called
computer.bmp
If I use this html code no background image is shown.

<head runat="server">
<title>Untitled Page</title>

<style type="text/css">
background: url(computer.bmp);
font-family: Verdana;
</style>
</head>

But if change the html code to this it works. Note I must use either the
html or body below <style type="text/css">
<head runat="server">
<title>Untitled Page</title>

<style type="text/css">
html,body
{
background: url(computer.bmp);
font-family: Verdana;
}
</style>
</head>

I use IE 6.0.
Can somebody explain why I must use html or body or both below <style
type="text/css"> to makethe background image show.

//Tony

Jason Keats · Nov 29, 2010

Tony said:
Hello!

I have some problem to understand some htl code here.
I want to show a background image that is stored in a file called
computer.bmp
If I use this html code no background image is shown.

<head runat="server">
<title>Untitled Page</title>

<style type="text/css">
background: url(computer.bmp);
font-family: Verdana;
</style>
</head>

But if change the html code to this it works. Note I must use either the
html or body below<style type="text/css">
<head runat="server">
<title>Untitled Page</title>

<style type="text/css">
html,body
{
background: url(computer.bmp);
font-family: Verdana;
}
</style>
</head>

I use IE 6.0.
Can somebody explain why I must use html or body or both below<style
type="text/css"> to makethe background image show.

The obvious answer is so that the browser knows which css styles to
apply to which tags.

Alternatively, you could style each tag separately, eg:

<body style="background: url(foo1.gif);">

<p style="font-family: Verdana;">Hello, World!</p>

Or, even better, put your stylesheet in a .css file.

And, stop using IE6!

Brian Cryer · Nov 30, 2010

Tony Johansson said:
Hello!

I have some problem to understand some htl code here.
I want to show a background image that is stored in a file called
computer.bmp
If I use this html code no background image is shown.

<head runat="server">
<title>Untitled Page</title>

<style type="text/css">
background: url(computer.bmp);
font-family: Verdana;
</style>
</head>

You are missing the name of the element that the css is to apply to and a
pair of braces, so your style definition isn't valid. You've put both in in
your second example below. That's why the second works and the first
doesn't.

But if change the html code to this it works. Note I must use either the
html or body below <style type="text/css">
<head runat="server">
<title>Untitled Page</title>

<style type="text/css">
html,body
{
background: url(computer.bmp);
font-family: Verdana;
}
</style>
</head>

I use IE 6.0.
Can somebody explain why I must use html or body or both below <style
type="text/css"> to makethe background image show.

I think it need only be:

<style type="text/css">
body
{
background: url(computer.bmp);
font-family: Verdana;
}
</style>

I don't know whether its meaningful to apply styles to "html". Either its
meaningless or would (I imagine) have the same effect as applying a style to
the body.

Image on header	2	May 2, 2024
I need help fixing my website	2	Oct 15, 2023
How to properly insert a landing page within same container beneath an image element?	0	Oct 7, 2024
How do I fix this issue in sqaurespace code block?	1	Jul 2, 2024
Background image not showing up on html page	3	Sep 23, 2023
Centering a button using flexbox	2	Feb 5, 2023
Snowing Effect	2	Apr 24, 2023
Can I modify the tooltip display on an <input type="xx"> statement?	2	Oct 22, 2023

background image

Tony Johansson

Jason Keats

Brian Cryer

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads