In your theme Set your page background color to match the image and set all pages to use 0 as the page margins
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________
| Thank you Stefan but I believe that is the same suggestion that Ronx already
| posted and I tried that and ended up with a white border on both sides of the
| center photo between the photo and black background, left was a thin white
| line and right a thick white line. It is funny though I tried it on two
| separate "test" sites on my computer and got two different results. I will
| create a new copy of my website and try it again.
|
| "Stefan B Rusynko" wrote:
|
| > If you are using a theme - Modify the Theme to add the "watermark" style:
| > Format | Theme | Modify/Customize | Text - select More Text Styles
| > Select the body tag and then Modify | Border | Shading and select
| > Repeat - select no-repeat
| > Attachment - select fixed
| > Vertical Position - select center
| > Horizontal Position - select center
| > OK|OK|OK|OK & Save As a New theme name and apply the new theme
| >
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > _____________________________________________
| >
| >
| > | Okay, I tried first importing the file using no spaces then typing in the
| > | code as described and what I got was the jpg in the middle with a thin white
| > | line on the left between it and the black and and thick white line on the
| > | right between the edge of the jpg and the black background.
| > |
| > | So then I opened another test site and tried changing the Theme as described
| > | by formating the body and including the code as described. The jpg doesn't
| > | even show up on this one, only the black background.
| > |
| > | Do I just have to forget about putting a no tiling background picture?
| > |
| > | Thanks again
| > |
| > | "Niagara Mouse" wrote:
| > |
| > | > Thank you Stefan and Ronx, I will try your suggestions later today and keep
| > | > my fingers crossed. I am sure I speak for others when I say thank you all for
| > | > sharing your knowledge and expertise.
| > | >
| > | > "Ronx" wrote:
| > | >
| > | > > As Stefan indicated, File->Import the background image into the images
| > | > > folder in your open website.
| > | > > Rename the image without spaces.
| > | > > I will assume that you intend to use
| > | > > mg transparent overlay.jpg
| > | > > as the image, which should be renamed to
| > | > > mg_transparent_overlay.jpg
| > | > >
| > | > >
| > | > > Delete everything you have done so far. Since you are using a theme
| > | > > Page Properties will not allow you to change the background image - this
| > | > > is set in the theme. Also, you may find that this technique does not
| > | > > work since the theme may over-rule it.
| > | > >
| > | > > In Code view, find the </head> tag.
| > | > >
| > | > > Just before this tag, type:
| > | > >
| > | > > <style type="text/css">
| > | > > body {background: black url('images/mg_transparent_overlay.jpg')
| > | > > no-repeat center;}
| > | > > </style>
| > | > >
| > | > > When you save the page, FrontPage will move the theme information to
| > | > > below this code.
| > | > >
| > | > > If this does not work, then customise the theme to use your background
| > | > > image, and also customise the <body> tag (see below). Save the
| > | > > customised theme with a new name, then apply the new theme to all pages.
| > | > >
| > | > > To customise the <body> tag -
| > | > > In the theme customisation dialogue, click text
| > | > > Click "More text styles"
| > | > > Scroll down the list of text styles until you find body (this is near
| > | > > the end)
| > | > > Highlight body, then click Modify
| > | > > Click Format
| > | > > Click Border
| > | > > On the Shading tab, set vertical and horizontal position to center, and
| > | > > repeat to no-repeat. Also check that the correct image is being used.
| > | > > Click OK
| > | > > Click OK
| > | > > Click OK
| > | > > Click OK
| > | > > Click Save As and give the theme a new name. Apply the new theme to
| > | > > your pages.
| > | > > --
| > | > > Ron Symonds - Microsoft MVP (FrontPage)
| > | > > Reply only to group - emails will be deleted unread.
| > | > >
| > | > >
http://www.rxs-enterprises.org/fp
| > | > >
| > | > >
| > | > >
| > | > >
| > | > > message | > | > >
| > | > > > Ronx, I have tried what you wrote. I have a website with a black background I
| > | > > > want to change it to put a jpg that is mostly black with some
| > | > > > semi-transparent coloured designs on it, then using your method have the rest
| > | > > > of the page where the jpg doesn't fit show black. I am using a Theme, so I
| > | > > > went into Graphics and deleted the background jpg so nothing is there, then I
| > | > > > typed the following (without the quotes) as you explained :
| > | > > > <head>
| > | > > >
| > | > > > <style type="text/css">
| > | > > > body {background: black(C:\Documents and Settings\HP_Owner\My Documents\My
| > | > > > Webs\MG TESTING SITE\index.htm(images\mg transparent overlay.jpg) no-repeat
| > | > > > center;}
| > | > > > </style>
| > | > > > </head>
| > | > > >
| > | > > > The jpg does not show, the background is still just black.
| > | > > > Do I have the url and image syntax correct?
| > | > > > why won't my jpg show?
| > | > > > I have not uploaded this to my website because I am afraid it will screw
| > | > > > things up, I am doing it on a test website on my computer. If I look under
| > | > > > Page Properties, Formatting the background box is checked but it is greyed
| > | > > > out and I cannot uncheck it.
| > | > > >
| > | > > > "Ronx" wrote:
| > | > > >
| > | > > > > You will not succeed. Background images never resize to fit the
| > | > > > > available space, they either tile (if the space is bigger than the
| > | > > > > image) or they are cut off (if the space is smaller). It would be rare
| > | > > > > for the image to exactly fit the browser portal except on YOUR PC.
| > | > > > >
| > | > > > > You can use CSS to provide a centred background image without tiling,
| > | > > > > but this will either not fill the browser or it will be cut off if too
| > | > > > > large.
| > | > > > >
| > | > > > > In code view, change </head> to
| > | > > > >
| > | > > > > <style type="text/css">
| > | > > > > body {background: yellow url(images/backg.jpg) no-repeat center;}
| > | > > > > </style>
| > | > > > > </head>
| > | > > > >
| > | > > > > Change the path and image name to your own image. Change the colour to
| > | > > > > compliment the image. This will show if the image is too small for the
| > | > > > > browser portal.
| > | > > > >
| > | > > > > And do not specify a background image for the page <body> any where
| > | > > > > else.
| > | > > > > --
| > | > > > > Ron Symonds - Microsoft MVP (FrontPage)
| > | > > > > Reply only to group - emails will be deleted unread.
| > | > > > >
| > | > > > >
http://www.rxs-enterprises.org/fp
| > | > > > >
| > | > > > >
| > | > > > >
| > | > > > >
| > | > > > > | > | > > > >
| > | > > > > > I'm trying to add a background pitcure to a site i am building. I can get it
| > | > > > > > to "tile", but cannot get it to be just one picture over the whole page.
| > | > > > > > Using FP 2003.
| > | > > > > > Thanks
| > | > > > >
| > | > > > >
| > | > >
| > | > >
| >
| >
| >
