background image

T

Tony Johansson

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
 
J

Jason Keats

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.
Click to expand...

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!
 
B

Brian Cryer

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>
Click to expand...

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.
Click to expand...

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.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Style sheet question 2
How will the Footer div stick to bottom of screen? 2
css and master page problem 4
How will the Footer div stick to bottom of screen? - This is correct question (please ignaore previo 1
how does the footer div element stick to bottom of screen irrespective of screen height and volume o 1
problem with master page and firefox 5
Browser Div Centering Problem 6
beginner question 6

Top