RE: Background Images Move (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message

chefsballs -> RE: Background Images Move (11/1/2005 6:58:16)


quote:

ORIGINAL: Kitka

The code as you posted it, works perfectly for me in FrontPage as is, and works in Dreamweaver if I remove the quotes around the background url.

Are you certain that "test_bgr.jpg" is located in the "images" folder of your web and that the name of it is exactly the same?

Can you open/view the image from your hard drive in a browser or graphics program?

Is the page you are working on saved in the same folder as the one containing the "images" folder?

After saving the page did you refresh the view to ensure you are seeing any changes?

quote:

Do you think this could be anything to do with java?


Java? [&:] There is no Java or Javascript in the code (that you have quoted so far). How could Java be affecting it? Is there more code on the page that you haven't mentioned previously?


The test_bgr.jpg is the same name. It is located on my local machine in My Webs and then the images folder.
The only reason i mentioned java was because the grey square sometimes appears on websites when java isnt installed , thats all. there is no code other than what i have given you honest.
I have removed the quotes and still the same.



chefsballs -> RE: Background Images Move (11/2/2005 6:08:17)

Do i need to apply another css style for my local machine?



chefsballs -> RE: Background Images Move (11/5/2005 7:02:46)

Thank you all for trying, i have sorted this out now via frontpage, heres how:
Here's How:

1. Open the page you want to add the background image in Microsoft FrontPage.

2. Click on the "Format" menu and choose "Style". In that dialog box, highlight the body tag in the "styles" box.

3. Click "Modify" and then choose "Border..." in the "Format" menu.

4. Switch to the "Shading" tab, and browse to the background picture you want to use.

5. Change the repeat to "no-repeat" and the attachment to "fixed". Adjust the position with the horizontal and vertical position drop-down menus.

6. Click "OK" three times and your picture will appear in the Normal and Preview windows.

SO HAPPY!!



chefsballs -> RE: Background Images Move (11/5/2005 7:08:21)

Oh and the code is

<style>
<!--
body { background-image: url('images/test_bgr.jpg'); background-repeat: no-repeat;
background-attachment: fixed; background-position: center }
-->
</style>

</head>



Kitka -> RE: Background Images Move (11/5/2005 17:21:34)

It is excellent that you sorted it out. But I'm quite puzzled because the code is essentially the same as you had in post 29 (below) as not working, except you have now added "fixed" as a selector. 

<style type="text/css">
body
{
background: url('images/test_bgr.jpg') no-repeat center;
}
</style>


When expressed neatly as one declaration rather than four, your now-working code from post 33 becomes this: 

<style>
<!--
body { background: url('images/test_bgr.jpg') no-repeat fixed center; }
-->
</style>


So you see there is little difference between them but formatting. However you did it though, I'm really delighted you got it sorted.



Page: <<   < prev  1 [2]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
6.054688E-02