Background in my website

N

novato

I new with this things....
I'm working in a website wich I'd like to put a graphic as a background, the
graphic has a square area on top and left side also with a diffrent color
than the rest the problem is that frontpage put the graphic in mosaic and I
just want the graphic once but ajusted to the screen. In other words, like
the background is displayed on the desktop where you choice whether you want
it Tile, Center or stretch... so I want it stretch.

Thank you for you help

Novato
 
M

Murray

You open the page in FP (I am using 2003).

Select the <body> tag on the Tag Selector, and from the dropdown menu,
select Properties. Click on the Advanced tab, then the Body style...
button, and finally the Format button at the bottom of that panel. Choose
"Border...", and click on the Shading tab. Now you can browse to and select
the image desired for the background, and you can also set Repeat: to
no-repeat. Click OK on each panel to work your way back out of this.

Your background image will no longer tile.

It's too bad this is so buried....
 
J

Jens Peter Karlsen[FP MVP]

Not possible. However, you can use CSS to only display it once and in
the center.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
 
M

Murray

Re: Background in my websiteYour CSS can display it once anywhere you want. You are not restricted to only center align it.

--
Murray

Not possible. However, you can use CSS to only display it once and in the center.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
 
C

Chris27

Murray,

your contributions are useful and appreciated
Are you able to give an example of CSS to achieve the desired result?
thanks
Chris
--------------------------------
Murray said:
Re: Background in my websiteYour CSS can display it once anywhere you want. You are not restricted to only center align it.

--
Murray

Not possible. However, you can use CSS to only display it once and in the center.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
-----Original Message-----
From: novato [mailto:[email protected]]
Posted At: 25. oktober 2004 14:46
Posted To: microsoft.public.frontpage.programming
Conversation: Background in my website
Subject: Background in my website


I new with this things....
I'm working in a website wich I'd like to put a graphic as a
background, the graphic has a square area on top and left
side also with a diffrent color than the rest the problem is
that frontpage put the graphic in mosaic and I just want the
graphic once but ajusted to the screen. In other words, like
the background is displayed on the desktop where you choice
whether you want it Tile, Center or stretch... so I want it stretch.

Thank you for you help

Novato
Click to expand...
Click to expand...
 
M

Murray

My instructions to Novato will get you there, but if you want to do it
manually, you can do this -

<style type="text/css">
<!--
body { background: url(images/foo.jpg); background-repeat:no-repeat;
background-position:150px 200px; }
-->
</style>

- in the head of the document. The image will now be positioned as you
specify 150px from the left and 200px from the top, and will not repeat, so
that you get a single instance of it.

A cute use of this method is to create non-javascript, CSS rollover buttons.
You can see an example in the menu rollovers here -

http://www.midwestespresso.com

The rollover is actually just a CSS positioning of the background image -
you can see one of the images here -

http://www.midwestespresso.com/images/productline3.gif

Note that the "up" and the "over" states are both represented there. When
rolling over that button, the hover pseudo-class repositioned the background
image so that it shows the OVER state instead of the UP state, i.e.,

this -

#menu A:hover {
BACKGROUND-POSITION: 0px -47px
}

instead of this -

#menu A {
BACKGROUND-POSITION: 0px 1px;

In effect, the background image is just being moved up by 46px and then
back. Since that moves the image OUT of the space of the <a> tag, the
overflow is no longer visible.

--
Murray

Chris27 said:
Murray,

your contributions are useful and appreciated
Are you able to give an example of CSS to achieve the desired result?
thanks
Chris
--------------------------------
Murray said:
Re: Background in my websiteYour CSS can display it once anywhere you
want. You are not restricted to only center align it.

--
Murray

Not possible. However, you can use CSS to only display it once and in
the center.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
-----Original Message-----
From: novato [mailto:[email protected]]
Posted At: 25. oktober 2004 14:46
Posted To: microsoft.public.frontpage.programming
Conversation: Background in my website
Subject: Background in my website


I new with this things....
I'm working in a website wich I'd like to put a graphic as a
background, the graphic has a square area on top and left
side also with a diffrent color than the rest the problem is
that frontpage put the graphic in mosaic and I just want the
graphic once but ajusted to the screen. In other words, like
the background is displayed on the desktop where you choice
whether you want it Tile, Center or stretch... so I want it stretch.

Thank you for you help

Novato
Click to expand...
Click to expand...
Click to expand...
 

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

extending or stretching a background graphic 1
Need help with Inserting background pic for letterhead 3
Picture Manager: Set as desktop background? 3
Background won't print 2
Web Page Sizes and Absolute Positioning 10
My background graphic prints in tiles 2
my computer screen does not display background colors 1
how do i create a shaded background in frontpage 2

Top