Help - Search - Members - Calendar
Full Version: post background stretch
Movable Type Community Forum > Additional Resources > Tips and Tricks
homicidalmaniak
How do I make an image stretch instead of just repeating in the background of my posts? I made a ripped paper background but I can't figure out how to make it stretch down instead of just repeating the picture. Any help would be greatly appreciated.
faf
CODE
body
{
background-image: url("../images/image.gif");
background-repeat: no-repeat;
background-attachment: fixed
}


Using a styles... try this. provide a link to ur site if it doesnt work or show the code you're using.
homicidalmaniak
Didn't work. The picture didn't stretch. Here's the link to my site:

www.homicidalmaniak.com

Here's the code for the picture:

#content {
position:absolute;
background-image: url("/mt- static/images/postpaper2.gif");
background-repeat: no-repeat;
background-attachment: fixed
margin-right:20px;
margin-left:250px;
margin-bottom:20px;
width:585px
}

I'm pretty new at working with HTML, so if you see anything that could be worked better, please let me know.
faf
try add height: 100%

UPDATE:
no dont try that... doesntv work
faf
you mught have to slice the picture and use top and bottom borders to aplace then where you want

sorry for misleading you earlier
homicidalmaniak
I must be really stupid or I'm missing some kind of minor detail cause nothing seems to work.

update: I saw your new post when I put this up. How would I go about doing that? Like I said, I'm pretty new at working with this stuff.
Jorsis_101
QUOTE (homicidalmaniak @ May 1 2003, 03:28 AM) *
I must be really stupid or I'm missing some kind of minor detail cause nothing seems to work.

update: I saw your new post when I put this up. How would I go about doing that? Like I said, I'm pretty new at working with this stuff.


I went on2 ur site n its not up... n i no dis forum is lyk ancient, but 4 dose hu wnt 2 no (soz 4 the shorthad, in a bit of a rush...)

try:

<body style=“background-attachment: fixed; background-repeat: no-repeat; position: left:0px; top: 0px; background-size: 100%:” background=“blah.jpg DO UR URL HERRE”>

it dnt work 4 me, but it duz for ppl with the updated sumfing or anuthurr
Jorsis_101
QUOTE (Jorsis_101 @ Aug 30 2008, 03:39 PM) *
QUOTE (homicidalmaniak @ May 1 2003, 03:28 AM) *
I must be really stupid or I'm missing some kind of minor detail cause nothing seems to work.

update: I saw your new post when I put this up. How would I go about doing that? Like I said, I'm pretty new at working with this stuff.


I went on2 ur site n its not up... n i no dis forum is lyk ancient, but 4 dose hu wnt 2 no (soz 4 the shorthad, in a bit of a rush...)

try:

<body style=“background-attachment: fixed; background-repeat: no-repeat; position: left:0px; top: 0px; background-size: 100%:” background=“blah.jpg DO UR URL HERRE”>

it dnt work 4 me, but it duz for ppl with the updated sumfing or anuthurr


or change background-size:100%;
to
height: 100%;
width: 100%;

or

background-height: 100%;
background-width:100%

dunno which workz
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.