HTML Forum

**Storm4123** · 02-28-2006, 05:19 AM

Hi, Im new to editing HTML, I was wondering if you could help me with this problem, when i make the background to the page the background is a small tile in the center, is this to do with the image itself or can i force it to stretch using HTML?

**chrishirst** · 02-28-2006, 05:29 AM

show the code you have used, or remove the repeat:no-repeat attribute from the body.

**DianeD** · 03-01-2006, 05:50 PM

Hiya Storm,
If you're not using CSS, then use this: <body background="images/yourbackground.jpg">
for your body tag.

If you're using CSS then something like this would work:

body {background-image: url(images/yourbackground.jpg);}

Hope this helps,
DianeD

**Storm4123** · 03-04-2006, 12:33 PM

**Storm4123** · 03-04-2006, 12:34 PM

Im not sure what to do, and my friend who helped me with it isnt able to help because of circumstances, what do you suggest?

**chrishirst** · 03-04-2006, 12:44 PM

make

Code:

body {
border:3px solid 2FA3BA; background:F8F8FF url('http://i4.photobucket.com/albums/y107/StormEagle555/Night20Storm20From20Lake20-20June20.jpg') no-repeat fixed center; 
}

into

Code:

body {
border:3px solid 2FA3BA; background:F8F8FF url('http://i4.photobucket.com/albums/y107/StormEagle555/Night20Storm20From20Lake20-20June20.jpg') ; 
}

**collyer_1** · 05:58 PM

The reason your background remains in the center is because that is what your friend told it to do (bold code below, you'll have to scroll right to see it).

Code:

<style type="text/css">
.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
border:3px solid 2FA3BA; background:F8F8FF url('http://i4.photobucket.com/albums/y107/StormEagle555/Night20Storm20From20Lake20-20June20.jpg') no-repeat fixed center;
}
.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border:3px double 2FA3BA; background-color:transparent
}
table table table td {
background-color:0A8199;
filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; -khtml-opacity:0.60; }
table table table table td {filter:none;}
.mygen { Text Properties }
table, tr, td, li, p, div { font-family:arial; color:000000; font-size:10px; font-weight:bold; }
.btext { color:FF6622; }
.blacktext10 { color:FF6622; }
</style>

Remove that bold code and your background will repeat. This is essentially what Chrishirst told you to do.

**rybczyk** · 04-17-2006, 05:45 PM

Well? Did it work? Or did it still not stretch?

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!