How do I un-tile a watermark background

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

This is my first time using FrontPage. I have resized and set an image for my watermark but when I look at the preview it is tiled and I don't want it tiled. How do I get the image (800x600) to fit without tiling?
 
Ana,

Is this page online somewhere? If we can see the code, it should be pretty
easy to help you out.

--
Jack Brewster - Microsoft FrontPage MVP

Ana said:
This is my first time using FrontPage. I have resized and set an image for
Click to expand...
my watermark but when I look at the preview it is tiled and I don't want it
tiled. How do I get the image (800x600) to fit without tiling?
 
No it isn't posted online yet. A friend has an existing page that someone else made and wanted it all redone. I can figure most of it out, it's just that I want the background image fixed and can't seem to find just where I need to place the tags.
 
How about replying back with the code that is putting the background image
on the page in the first place? That may be enough.

--
Jack Brewster - Microsoft FrontPage MVP

Ana said:
No it isn't posted online yet. A friend has an existing page that someone
Click to expand...
else made and wanted it all redone. I can figure most of it out, it's just
that I want the background image fixed and can't seem to find just where I
need to place the tags.
 
The problem is that, when you use <body background=picture> the browser will
automatically tile the image. There really isn't a way to prevent this
using this method. An alternative would be to use Cascading Style Sheets
(CSS) which gives you a lot more control.

Add the following above the </head> tag in your pages:

<style>
<!--
body {background: white url('CherryBlossoms.jpg') no-repeat fixed top left;}
-->
</style>

Each element within the curly braces {...} does something different:
- background: this means 'apply the following to the background'
- white - the background color of the page that will show behind the entire
page.
You should make sure it's complimentary to your graphic. You can also use
RGB
or HEX values (don't worry if you don't know what that means, yet).
- url('filename') - This is the address for the file. You'll need to change
this to match
the path to the image file, i.e.:
- /images/CherryBlossom.jpg, or
- http://www.example.com/images/CherryBlossom.jpg
- no-repeat - Makes sure the image doesn't tile (the most important part for
you :-) )
- top left - This sets the start point for the upper left corner of the
image. You can use
keywords, such as top left or bottom right, or pixel or percentage values.
More info
on the different keywords is available at the link below.

That's a lot of info to absorb to solve one small problem, but if you just
cut and paste my code above (and make sure the path to your image is
correct) you should be able to ignore the rest for awhile. This page should
also be helpful in case you want to customize what I've given you so far:
http://www.w3schools.com/css/css_background.asp

Good luck!
 
Thank you so much Jack!!! :D Don't worry about giving me too much info...I am quickly becoming a geek and hopefully will attain the honored status one day. I am a sponge and love absorbing all the info I can!!
 
How are we supposed to get any work done if you keep posting great, but tangental, urls? :-)

Great site, thanks! Now I know where to buy my own fodders-day gift :-)


R.


| When you feel geeky enough, you can get the t-shirt:
| http://www.thinkgeek.com/tshirts/generic/6111/
|
| :)
|
| --
| Jack Brewster - Microsoft FrontPage MVP
|
| | > Thank you so much Jack!!! :D Don't worry about giving me too much info...I
| am quickly becoming a geek and hopefully will attain the honored status one
| day. I am a sponge and love absorbing all the info I can!!
|
|
 
Back
Top