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.
and if so how do i accomplish the task so far choosing one picture will set it for the intire site.
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.
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
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
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.
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.
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?
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>
<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!
Tom wrote:
Sure you can center an object center screen. Here is one way.
Sure you can center an object center screen. Here is one way.

left:50%;
top: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?
Sure, if you exclude the two lines below those two lines.
Try the code. You will see it is centered.
margin-left:-60px;
margin-top:-50px;
margin-top:-50px;
Try the code. You will see it is centered.
CoffeeCup... Yeah, they are the best!
Tom wrote:
Sure, if you exclude the two lines below those two lines.
Try the code. You will see it is centered.
Sure, if you exclude the two lines below those two lines.
margin-left:-60px;
margin-top:-50px;
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?
I wouldn't exactly call editing 4 figures meticulous or headache inducing. 
Do you have a better solution, Zac?

Do you have a better solution, Zac?
CoffeeCup... Yeah, they are the best!
Well, if I had my way with the next version of HTML or CSS, then I'd MAKE a solution.
Otherwise, no.
Otherwise, no.

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.