Background picture on page using .dwt

[Sean Kerslake]

I've just updated to Frontpage 2003 and am using a single .dwt template for
a very simpe web - simple layout top, bottom left border with center
editable region.

Problem is, I can't apply a background picture to the pages using the .dwt.
It looks like you have to apply them to the .dwt. But this will give the
same background image on all my pages whereas I want a different image for
each page.

On the page, right click > page properties has the background image box
disabled, but enabled on the .dwt.

Any suggestion?

--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Sean Kerslake
Dept of Design & Tech
Loughborough University
LE11 3TU

01509 228317
~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

[Ronx]

Use CSS to apply the background picture, and place the CSS in an
editable region in the head section of the DWT.
All new pages will receive the default picture, but this can be edited
in the individual pages.

<!-- #BeginEditable "Styles" -->
<style type="text/css">
body{background: url(images/default-background.jpg)}
</style>
<!-- #EndEditable -->

 

[Sean Kerslake]

Cheers for the suggestion Ron,

Is it possible to refine this style so that it just effects the individual
editable cell and it has a single centered image rather than tiled?

Can you suggest a good source for learning [from basics] about CSS?

Cheers Sean

--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Sean Kerslake
Dept of Design & Tech
Loughborough University
LE11 3TU

01509 228317
~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

[Ronx]

For learning CSS, try the tutorial at www.w3schools.com

For your cell, change the CSS to

<!-- #BeginEditable "Styles" -->
<style type="text/css">
..cell{
background: url(images/default-background.jpg);
background-repeat:no-repeat;
background-position:center;
}
</style>
<!-- #EndEditable -->

For the cell you need:

<td class="cell"><!-- BeginEditable "content" -->
<!-- #EndEditable -->
</td>

I have used a class for the CSS, which enables the same style to be
used elsewhere on the page. If it is only a single cell to be
changed, replace
..cell{
with
#cell

and replace
<td class="cell">
with
<td id="cell">
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

Cheers for the suggestion Ron,

Is it possible to refine this style so that it just effects the
individual editable cell and it has a single centered image rather
than tiled?

Can you suggest a good source for learning [from basics] about CSS?

Cheers Sean

--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Sean Kerslake
Dept of Design & Tech
Loughborough University
LE11 3TU

01509 228317
~~~~~~~~~~~~~~~~~~~~~~~~~~~~

I've just updated to Frontpage 2003 and am using a single .dwt
template for a very simpe web - simple layout top, bottom left
border with center editable region.

Problem is, I can't apply a background picture to the pages using
the .dwt. It looks like you have to apply them to the .dwt. But
this will give the same background image on all my pages whereas I
want a different image for each page.

On the page, right click > page properties has the background image
box disabled, but enabled on the .dwt.

Any suggestion?

--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Sean Kerslake
Dept of Design & Tech
Loughborough University
LE11 3TU

01509 228317
~~~~~~~~~~~~~~~~~~~~~~~~~~~~