Themes, Banners, and Background Pictures

B

Bob L

I'm using FP 2003 to develop a website (www.project2105.org) that uses theme
and both a picture banner and a picture background. If I insert a gif or
jpg picture into a page, I can specific the size in pixels or percent but I
can't find a way to do that with either the background or background when I
use a theme. Is there a way I can specify the size of either/or the banner
and background?
 
M

Mark Fitzpatrick

You can't set the size of the background picture directly. You'll need to
create a stylesheet to do it, then apply that style to the page or table
that you want it to be in.

Try something like the following stylesheet (this can be placed in the
<head> section of the document).

<style>
<!--
..mybackground{
background-image: url(images/mybackground.gif);
width: ***px;
height: ***px;
background-repeat: no-repeat;
text-align: center;
}
-->
</style>

Replace the *** with the appropriate dimensions of your image.

Then apply the style to a tag, such as the body tag by adding
class="mybackground" to the tag such as <body class="mybackground" >

This will should prevent the image from tiling vertically and horizontally.

Now, this may not look good at all when viewed on someone else's monitor
since they will undoubtedly use a different screen size and will distort all
the elements of your page. It's almost better not to mess with background
images if you can avoid it.


As for setting the width of the page banner graphic it is not possible since
it's a fixed width graphic that then has text applied to it by FrontPage.

Hope this helps,
Mark Fitzpatrick
Microsoft MVP - FrontPage
 
B

Bob L

Thanks Mark. Does the stylesheet need to be placed in each webpage that has
the theme? Also, I understand what you are saying about the picture being
distorted so I'll considering fixing the aspect ratio.
 
J

Jason Lu [MSFT]

Hi Mark,

As I know, the width and height does not apply to the "background-image" property. In your example, it seems the width and height
properties only set the dimensions for the style and the picture does not really get resized. Do I miss something?

Thanks & Regards,
Jason Lu
Microsoft Online Partner Support

When responding to posts, please "Reply to Group" via your newsreader so that others may learn and benefit from your issue.
This posting is provided "AS IS" with no warranties, and confers no rights.
 
J

Jason Lu [MSFT]

Hi Bob,

To use a stylesheet for all the pages, you can use a separate CSS file storing the definitions and then reference this CSS file on all the
pages. From FrontPage UI, you can specify it in Formt->Style Sheet Links.

I hope the information helps.

Regards,
Jason Lu
Microsoft Online Partner Support

When responding to posts, please "Reply to Group" via your newsreader so that others may learn and benefit from your issue.
This posting is provided "AS IS" with no warranties, and confers no rights.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Pictures and FP Themes 1
Background Picture and Themes 1
Page banners 3
Non-Scrolling Background in a Theme 6
Themes 1
themes 1
How to remove text from theme's banner 1
Themes 3

Top