Quick HTML Question - GoFuckYourself.com

SuzzyQ · 12-12-2007, 10:23 PM

How do I keep a background image form tileing across the page?
<body background="i dont want this pic to tile.jpg">

Thanks...

justFred · 12-12-2007, 10:26 PM

by using Styling
<body background="i dont want this pic to tile.jpg" style="background-repeat: no-repeat">

http://www.w3schools.com/css/tryit.a...peat_no-repeat

Zorgman · 12-12-2007, 10:29 PM

<body style="background:#FFFFFF url('i dont want this pic to tile.jpg') no-repeat top; padding-top:0px; margin-top:0px;">

shows a white background with your image in the top.

justFred · 12-12-2007, 10:31 PM

though if you need more than just the styling you'll want to put the style information in the header such as:

<head>

<style type="text/css">
body
{
background-image: url('i don't want this image to tile.jpg');
background-repeat: no-repeat
font-family: some font
color: some color
whatever: other CSS
}
</style>

</head>

and your code will be more readable and save you time.

darnit · 12-13-2007, 12:49 AM

Quote:

Originally Posted by justFred

though if you need more than just the styling you'll want to put the style information in the header such as:

<head>

<style type="text/css">
body
{
background-image: url('i don't want this image to tile.jpg');
background-repeat: no-repeat
font-family: some font
color: some color
whatever: other CSS
}
</style>

</head>

and your code will be more readable and save you time.

Good idea to use css however here it is corrected.

<style type="text/css">
body
{
background-image: url('i don't want this image to tile.jpg');
background-repeat: no-repeat;
font-family: some font;
color: some color;
whatever: other CSS;
}
</style>

You need the ";" after each style classification.

12-12-2007, 10:23 PM	#1
SuzzyQ Confirmed User Industry Role: Join Date: Dec 2006 Location: Along the shore. Posts: 1,557	Quick HTML Question How do I keep a background image form tileing across the page? <body background="i dont want this pic to tile.jpg"> Thanks...

12-12-2007, 10:26 PM	#2
justFred Confirmed User Join Date: Mar 2007 Posts: 922	by using Styling <body background="i dont want this pic to tile.jpg" style="background-repeat: no-repeat"> http://www.w3schools.com/css/tryit.a...peat_no-repeat __________________ Vote Bill Cosby 2012 Last edited by justFred; 12-12-2007 at 10:28 PM..

12-12-2007, 10:29 PM	#3
Zorgman Confirmed User Join Date: Aug 2002 Location: Sydney, Australia Posts: 6,103	<body style="background:#FFFFFF url('i dont want this pic to tile.jpg') no-repeat top; padding-top:0px; margin-top:0px;"> shows a white background with your image in the top. __________________ ---

12-12-2007, 10:31 PM	#4
justFred Confirmed User Join Date: Mar 2007 Posts: 922	though if you need more than just the styling you'll want to put the style information in the header such as: <head> <style type="text/css"> body { background-image: url('i don't want this image to tile.jpg'); background-repeat: no-repeat font-family: some font color: some color whatever: other CSS } </style> </head> and your code will be more readable and save you time. __________________ Vote Bill Cosby 2012 Last edited by justFred; 12-12-2007 at 10:32 PM..