Background Fill - Post ID 161573

User 2121672 Photo


Registered User
25 posts

Is it possible to have have a different picture for the background fill of each individual page?
and if so how do i accomplish the task so far choosing one picture will set it for the intire site.
User 187934 Photo


Senior Advisor
20,271 posts

If your asking about the page it's self then
At the top of VSD click on "Page"
Now a Page properties window should have opened and is showing on the right hand side of the design window.
In that window at the bottom is where you can change the background for the page using a picture, gradient, or solid color.
If your asking about the space that your page doesn't fill in a browser then you'll have to set the background fill properties to continue the page background fill.
If you would like a work around then take a look at the site in my signature. You can override VSD's background.

http://progrower.coffeecup.com/opacity.html#backg

Delete this line to have it scroll with the page.
background-attachment:fixed
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2121672 Photo


Registered User
25 posts

Thanks, problem solved but now I'm at another. I am trying to create a very small web page, to fit as center of the background fill, but I cannot figure how to center it vertical, it just aligns with the top of the page, instead of in the center.
User 422767 Photo


Registered User
259 posts

Romina Ballardo-Kirkham wrote:
Thanks, problem solved but now I'm at another. I am trying to create a very small web page, to fit as center of the background fill, but I cannot figure how to center it vertical, it just aligns with the top of the page, instead of in the center.


You cannot vertically align a webpage, but you can add a "buffer" zone at the top with nothing in it by editing the top margin CSS properties.

body { margin-top: 100px; }
Aren't you a little short for a Storm Trooper?
User 364143 Photo


Guest
5,410 posts

Sure you can center an object center screen. Here is one way. :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>I am center screen</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<style type="text/css">
html{
height: 100%;
}
body{
background-color: #000000;
}
#center {
background-color: #ffffff;
position:absolute;
width:120px;
height:100px;
left:50%;
top:50%;
margin-left:-60px;
margin-top:-50px;
}
p{
color: #000000;
}
</style>
</head>
<body>
<div id="center">
<p>I'm Center Screen</p>
</div>
</body>
</html>
CoffeeCup... Yeah, they are the best!
User 422767 Photo


Registered User
259 posts

Tom wrote:
Sure you can center an object center screen. Here is one way. :)

left:50%;
top:50%;


But isn't that just starting an element at half page, rather than centering it?
Aren't you a little short for a Storm Trooper?
User 364143 Photo


Guest
5,410 posts

Sure, if you exclude the two lines below those two lines.
margin-left:-60px;
margin-top:-50px;

Try the code. You will see it is centered.
CoffeeCup... Yeah, they are the best!
User 422767 Photo


Registered User
259 posts

Tom wrote:
Sure, if you exclude the two lines below those two lines.
margin-left:-60px;
margin-top:-50px;

Try the code. You will see it is centered.


So you have to meticulously define the page margins to coincide with your container div size.... such a headache. :/
Aren't you a little short for a Storm Trooper?
User 364143 Photo


Guest
5,410 posts

I wouldn't exactly call editing 4 figures meticulous or headache inducing. :)

Do you have a better solution, Zac?
CoffeeCup... Yeah, they are the best!
User 422767 Photo


Registered User
259 posts

Well, if I had my way with the next version of HTML or CSS, then I'd MAKE a solution.

Otherwise, no.

:cool:
Aren't you a little short for a Storm Trooper?

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.