PC Review


Reply
Thread Tools Rate Thread

Background and/or Layers

 
 
=?Utf-8?B?Y3lkb2c=?=
Guest
Posts: n/a
 
      9th Mar 2005
The look I am going for is a menu on the side that flows into the top, like
this:

----------banner------
--------
-----
--- content would
-- go here
-

How do I get that banner and sidebar to be one image?
If I create it in Photoshop, it doesn't seem like I can layer anything on
top of it once it's in Front Page (i.e. button, other .gifs, text, etc.).

I guess what I am asking is how do I get started? I've been looking for
days on the internet but can't find the answer.
 
Reply With Quote
 
 
 
 
=?Windows-1252?Q?Rob_Giordano_\=28Crash_Gordon=AE\
Guest
Posts: n/a
 
      9th Mar 2005
I take it the dashes represent a curved image?

You'd probably be best doing this in one big image then slicing the stuff you don't want out...leaving the banner and the curvy lead in to the side bar. Then using the image as table background...or something along those lines.

Sometimes what looks simple can get complicated.



"cydog" <(E-Mail Removed)> wrote in message news:05AE07E8-1B12-4F56-8769-(E-Mail Removed)...
> The look I am going for is a menu on the side that flows into the top, like
> this:
>
> ----------banner------
> --------
> -----
> --- content would
> -- go here
> -
>
> How do I get that banner and sidebar to be one image?
> If I create it in Photoshop, it doesn't seem like I can layer anything on
> top of it once it's in Front Page (i.e. button, other .gifs, text, etc.).
>
> I guess what I am asking is how do I get started? I've been looking for
> days on the internet but can't find the answer.

 
Reply With Quote
 
Steve Easton
Guest
Posts: n/a
 
      9th Mar 2005
Place it in a cell as the background image. Then you can add content to the cell

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

"cydog" <(E-Mail Removed)> wrote in message
news:05AE07E8-1B12-4F56-8769-(E-Mail Removed)...
> The look I am going for is a menu on the side that flows into the top, like
> this:
>
> ----------banner------
> --------
> -----
> --- content would
> -- go here
> -
>
> How do I get that banner and sidebar to be one image?
> If I create it in Photoshop, it doesn't seem like I can layer anything on
> top of it once it's in Front Page (i.e. button, other .gifs, text, etc.).
>
> I guess what I am asking is how do I get started? I've been looking for
> days on the internet but can't find the answer.



 
Reply With Quote
 
=?Utf-8?B?Y3lkb2c=?=
Guest
Posts: n/a
 
      10th Mar 2005
To Rob and Steve,
Thank you for your responses. The problem with making it a background image
is it repeats itself instead of being one banner.

I like the cell idea, but I heard something about not using cells to make a
webpage. Is that a different type of cell? And if the cell is okay to use,
how do I get it to fill up three cells (top, left, and top-left)? Do I share
the borders?

Maybe a better question to ask, and I can take it from there, is....how do
people put a banner up on top of their webpage? It seems to me they just
fill a cell with their chosen picture. But if they want another picture
layered on top of that one, what do they do? Make the picture property
absolute instead of relative, and just drag it on top?

Sorry for so many questions, but thank you again for the responses.

"Steve Easton" wrote:

> Place it in a cell as the background image. Then you can add content to the cell
>
> --
> Steve Easton
> Microsoft MVP FrontPage
> 95isalive
> This site is best viewed............
> ........................with a computer
>
> "cydog" <(E-Mail Removed)> wrote in message
> news:05AE07E8-1B12-4F56-8769-(E-Mail Removed)...
> > The look I am going for is a menu on the side that flows into the top, like
> > this:
> >
> > ----------banner------
> > --------
> > -----
> > --- content would
> > -- go here
> > -
> >
> > How do I get that banner and sidebar to be one image?
> > If I create it in Photoshop, it doesn't seem like I can layer anything on
> > top of it once it's in Front Page (i.e. button, other .gifs, text, etc.).
> >
> > I guess what I am asking is how do I get started? I've been looking for
> > days on the internet but can't find the answer.

>
>
>

 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      10th Mar 2005
Use CSS to control the repeating of the background image:

table.special { background-repeat:no-repeat; }
....
<table class="special">

--
Murray
============

"cydog" <(E-Mail Removed)> wrote in message
news:8AB14954-FD66-4977-A223-(E-Mail Removed)...
> To Rob and Steve,
> Thank you for your responses. The problem with making it a background
> image
> is it repeats itself instead of being one banner.
>
> I like the cell idea, but I heard something about not using cells to make
> a
> webpage. Is that a different type of cell? And if the cell is okay to
> use,
> how do I get it to fill up three cells (top, left, and top-left)? Do I
> share
> the borders?
>
> Maybe a better question to ask, and I can take it from there, is....how do
> people put a banner up on top of their webpage? It seems to me they just
> fill a cell with their chosen picture. But if they want another picture
> layered on top of that one, what do they do? Make the picture property
> absolute instead of relative, and just drag it on top?
>
> Sorry for so many questions, but thank you again for the responses.
>
> "Steve Easton" wrote:
>
>> Place it in a cell as the background image. Then you can add content to
>> the cell
>>
>> --
>> Steve Easton
>> Microsoft MVP FrontPage
>> 95isalive
>> This site is best viewed............
>> ........................with a computer
>>
>> "cydog" <(E-Mail Removed)> wrote in message
>> news:05AE07E8-1B12-4F56-8769-(E-Mail Removed)...
>> > The look I am going for is a menu on the side that flows into the top,
>> > like
>> > this:
>> >
>> > ----------banner------
>> > --------
>> > -----
>> > --- content would
>> > -- go here
>> > -
>> >
>> > How do I get that banner and sidebar to be one image?
>> > If I create it in Photoshop, it doesn't seem like I can layer anything
>> > on
>> > top of it once it's in Front Page (i.e. button, other .gifs, text,
>> > etc.).
>> >
>> > I guess what I am asking is how do I get started? I've been looking
>> > for
>> > days on the internet but can't find the answer.

>>
>>
>>



 
Reply With Quote
 
=?Windows-1252?Q?Rob_Giordano_\=28Crash_Gordon=AE\
Guest
Posts: n/a
 
      10th Mar 2005
You'll run into spacing problems with Shared Borders I think.
I'd use tables/cells & CSS.

Keep in mind creating that curve is an illusion, so careful planning will be critical (colors & sizes/layout). So will making everything work in a collapsing table design as opposed to a fixed table width of 750-760px. If you're a beginner you might want to stay with a fixed table for now.


"cydog" <(E-Mail Removed)> wrote in message news:8AB14954-FD66-4977-A223-(E-Mail Removed)...
> To Rob and Steve,
> Thank you for your responses. The problem with making it a background image
> is it repeats itself instead of being one banner.
>
> I like the cell idea, but I heard something about not using cells to make a
> webpage. Is that a different type of cell? And if the cell is okay to use,
> how do I get it to fill up three cells (top, left, and top-left)? Do I share
> the borders?
>
> Maybe a better question to ask, and I can take it from there, is....how do
> people put a banner up on top of their webpage? It seems to me they just
> fill a cell with their chosen picture. But if they want another picture
> layered on top of that one, what do they do? Make the picture property
> absolute instead of relative, and just drag it on top?
>
> Sorry for so many questions, but thank you again for the responses.
>
> "Steve Easton" wrote:
>
> > Place it in a cell as the background image. Then you can add content to the cell
> >
> > --
> > Steve Easton
> > Microsoft MVP FrontPage
> > 95isalive
> > This site is best viewed............
> > ........................with a computer
> >
> > "cydog" <(E-Mail Removed)> wrote in message
> > news:05AE07E8-1B12-4F56-8769-(E-Mail Removed)...
> > > The look I am going for is a menu on the side that flows into the top, like
> > > this:
> > >
> > > ----------banner------
> > > --------
> > > -----
> > > --- content would
> > > -- go here
> > > -
> > >
> > > How do I get that banner and sidebar to be one image?
> > > If I create it in Photoshop, it doesn't seem like I can layer anything on
> > > top of it once it's in Front Page (i.e. button, other .gifs, text, etc.).
> > >
> > > I guess what I am asking is how do I get started? I've been looking for
> > > days on the internet but can't find the answer.

> >
> >
> >

 
Reply With Quote
 
=?Utf-8?B?Y3lkb2c=?=
Guest
Posts: n/a
 
      10th Mar 2005
Thanks for all the advice. There's all kinds of good stuff to learn from you
guys.

Here's what I finally did (and please don't think I'm asking questions just
to ignore the answers). I created an image 1500x1000 pixels. The banner is
connected to the left-hand side. I inserted it as the background and the
size will stop the picture from repeating.

I don't intend on making my page scroll down too much so I shouldn't have
the repeating problem at the bottom either. Now all I need to do is put my
buttons over top of the menu area (on the left) and my logo over the banner
(on top). I've been having some transparent .gif problems, but that's
another story. I'll search the archives.

ANYONE SEARCHING THESE IN THE ARCHIVES FOR A SOLUTION:
Make your background 1500x1000 pixels. Then keep in mind you will only use
800x600 of this area for your initial webpage (depending on what you are
using to look at it with). I used Photoshop to create the background. And
on a separate layer I had an 800x600 box to help me keep the page size in
mind. If this is wrong, I'm sure somebody will add to this thread.

"Rob Giordano (Crash GordonĀ®)" wrote:

> You'll run into spacing problems with Shared Borders I think.
> I'd use tables/cells & CSS.
>
> Keep in mind creating that curve is an illusion, so careful planning will be critical (colors & sizes/layout). So will making everything work in a collapsing table design as opposed to a fixed table width of 750-760px. If you're a beginner you might want to stay with a fixed table for now.
>
>
> "cydog" <(E-Mail Removed)> wrote in message news:8AB14954-FD66-4977-A223-(E-Mail Removed)...
> > To Rob and Steve,
> > Thank you for your responses. The problem with making it a background image
> > is it repeats itself instead of being one banner.
> >
> > I like the cell idea, but I heard something about not using cells to make a
> > webpage. Is that a different type of cell? And if the cell is okay to use,
> > how do I get it to fill up three cells (top, left, and top-left)? Do I share
> > the borders?
> >
> > Maybe a better question to ask, and I can take it from there, is....how do
> > people put a banner up on top of their webpage? It seems to me they just
> > fill a cell with their chosen picture. But if they want another picture
> > layered on top of that one, what do they do? Make the picture property
> > absolute instead of relative, and just drag it on top?
> >
> > Sorry for so many questions, but thank you again for the responses.
> >
> > "Steve Easton" wrote:
> >
> > > Place it in a cell as the background image. Then you can add content to the cell
> > >
> > > --
> > > Steve Easton
> > > Microsoft MVP FrontPage
> > > 95isalive
> > > This site is best viewed............
> > > ........................with a computer
> > >
> > > "cydog" <(E-Mail Removed)> wrote in message
> > > news:05AE07E8-1B12-4F56-8769-(E-Mail Removed)...
> > > > The look I am going for is a menu on the side that flows into the top, like
> > > > this:
> > > >
> > > > ----------banner------
> > > > --------
> > > > -----
> > > > --- content would
> > > > -- go here
> > > > -
> > > >
> > > > How do I get that banner and sidebar to be one image?
> > > > If I create it in Photoshop, it doesn't seem like I can layer anything on
> > > > top of it once it's in Front Page (i.e. button, other .gifs, text, etc.).
> > > >
> > > > I guess what I am asking is how do I get started? I've been looking for
> > > > days on the internet but can't find the answer.
> > >
> > >
> > >

>

 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      10th Mar 2005
Depending on the character of your background image, 1500x1000 may use up
too much of your 50K budget for page weight - it may even overflow it by
alot. Don't do it this way. Make your background as small as you can, and
either let it tile to fill the page, or center it and fill in the rest with
color. Your visitors will be much happier with that approach.

> If this is wrong, I'm sure somebody will add to this thread.


It is wrong. You are trying to guess the length of a piece of string, which
will surely fail.

--
Murray
============

"cydog" <(E-Mail Removed)> wrote in message
news:9176E219-C94A-4F45-A44A-(E-Mail Removed)...
> Thanks for all the advice. There's all kinds of good stuff to learn from
> you
> guys.
>
> Here's what I finally did (and please don't think I'm asking questions
> just
> to ignore the answers). I created an image 1500x1000 pixels. The banner
> is
> connected to the left-hand side. I inserted it as the background and the
> size will stop the picture from repeating.
>
> I don't intend on making my page scroll down too much so I shouldn't have
> the repeating problem at the bottom either. Now all I need to do is put
> my
> buttons over top of the menu area (on the left) and my logo over the
> banner
> (on top). I've been having some transparent .gif problems, but that's
> another story. I'll search the archives.
>
> ANYONE SEARCHING THESE IN THE ARCHIVES FOR A SOLUTION:
> Make your background 1500x1000 pixels. Then keep in mind you will only
> use
> 800x600 of this area for your initial webpage (depending on what you are
> using to look at it with). I used Photoshop to create the background.
> And
> on a separate layer I had an 800x600 box to help me keep the page size in
> mind. If this is wrong, I'm sure somebody will add to this thread.
>
> "Rob Giordano (Crash Gordon®)" wrote:
>
>> You'll run into spacing problems with Shared Borders I think.
>> I'd use tables/cells & CSS.
>>
>> Keep in mind creating that curve is an illusion, so careful planning will
>> be critical (colors & sizes/layout). So will making everything work in a
>> collapsing table design as opposed to a fixed table width of 750-760px.
>> If you're a beginner you might want to stay with a fixed table for now.
>>
>>
>> "cydog" <(E-Mail Removed)> wrote in message
>> news:8AB14954-FD66-4977-A223-(E-Mail Removed)...
>> > To Rob and Steve,
>> > Thank you for your responses. The problem with making it a background
>> > image
>> > is it repeats itself instead of being one banner.
>> >
>> > I like the cell idea, but I heard something about not using cells to
>> > make a
>> > webpage. Is that a different type of cell? And if the cell is okay to
>> > use,
>> > how do I get it to fill up three cells (top, left, and top-left)? Do I
>> > share
>> > the borders?
>> >
>> > Maybe a better question to ask, and I can take it from there, is....how
>> > do
>> > people put a banner up on top of their webpage? It seems to me they
>> > just
>> > fill a cell with their chosen picture. But if they want another
>> > picture
>> > layered on top of that one, what do they do? Make the picture property
>> > absolute instead of relative, and just drag it on top?
>> >
>> > Sorry for so many questions, but thank you again for the responses.
>> >
>> > "Steve Easton" wrote:
>> >
>> > > Place it in a cell as the background image. Then you can add content
>> > > to the cell
>> > >
>> > > --
>> > > Steve Easton
>> > > Microsoft MVP FrontPage
>> > > 95isalive
>> > > This site is best viewed............
>> > > ........................with a computer
>> > >
>> > > "cydog" <(E-Mail Removed)> wrote in message
>> > > news:05AE07E8-1B12-4F56-8769-(E-Mail Removed)...
>> > > > The look I am going for is a menu on the side that flows into the
>> > > > top, like
>> > > > this:
>> > > >
>> > > > ----------banner------
>> > > > --------
>> > > > -----
>> > > > --- content would
>> > > > -- go here
>> > > > -
>> > > >
>> > > > How do I get that banner and sidebar to be one image?
>> > > > If I create it in Photoshop, it doesn't seem like I can layer
>> > > > anything on
>> > > > top of it once it's in Front Page (i.e. button, other .gifs, text,
>> > > > etc.).
>> > > >
>> > > > I guess what I am asking is how do I get started? I've been
>> > > > looking for
>> > > > days on the internet but can't find the answer.
>> > >
>> > >
>> > >

>>



 
Reply With Quote
 
=?Windows-1252?Q?Rob_Giordano_\=28Crash_Gordon=AE\
Guest
Posts: n/a
 
      10th Mar 2005
A better way would be to take that big image, and now slice it up and use only the parts you need...top banner, left column...throw away the rest.


"cydog" <(E-Mail Removed)> wrote in message news:9176E219-C94A-4F45-A44A-(E-Mail Removed)...
> Thanks for all the advice. There's all kinds of good stuff to learn from you
> guys.
>
> Here's what I finally did (and please don't think I'm asking questions just
> to ignore the answers). I created an image 1500x1000 pixels. The banner is
> connected to the left-hand side. I inserted it as the background and the
> size will stop the picture from repeating.
>
> I don't intend on making my page scroll down too much so I shouldn't have
> the repeating problem at the bottom either. Now all I need to do is put my
> buttons over top of the menu area (on the left) and my logo over the banner
> (on top). I've been having some transparent .gif problems, but that's
> another story. I'll search the archives.
>
> ANYONE SEARCHING THESE IN THE ARCHIVES FOR A SOLUTION:
> Make your background 1500x1000 pixels. Then keep in mind you will only use
> 800x600 of this area for your initial webpage (depending on what you are
> using to look at it with). I used Photoshop to create the background. And
> on a separate layer I had an 800x600 box to help me keep the page size in
> mind. If this is wrong, I'm sure somebody will add to this thread.
>
> "Rob Giordano (Crash GordonĀ®)" wrote:
>
> > You'll run into spacing problems with Shared Borders I think.
> > I'd use tables/cells & CSS.
> >
> > Keep in mind creating that curve is an illusion, so careful planning will be critical (colors & sizes/layout). So will making everything work in a collapsing table design as opposed to a fixed table width of 750-760px. If you're a beginner you might want to stay with a fixed table for now.
> >
> >
> > "cydog" <(E-Mail Removed)> wrote in message news:8AB14954-FD66-4977-A223-(E-Mail Removed)...
> > > To Rob and Steve,
> > > Thank you for your responses. The problem with making it a background image
> > > is it repeats itself instead of being one banner.
> > >
> > > I like the cell idea, but I heard something about not using cells to make a
> > > webpage. Is that a different type of cell? And if the cell is okay to use,
> > > how do I get it to fill up three cells (top, left, and top-left)? Do I share
> > > the borders?
> > >
> > > Maybe a better question to ask, and I can take it from there, is....how do
> > > people put a banner up on top of their webpage? It seems to me they just
> > > fill a cell with their chosen picture. But if they want another picture
> > > layered on top of that one, what do they do? Make the picture property
> > > absolute instead of relative, and just drag it on top?
> > >
> > > Sorry for so many questions, but thank you again for the responses.
> > >
> > > "Steve Easton" wrote:
> > >
> > > > Place it in a cell as the background image. Then you can add content to the cell
> > > >
> > > > --
> > > > Steve Easton
> > > > Microsoft MVP FrontPage
> > > > 95isalive
> > > > This site is best viewed............
> > > > ........................with a computer
> > > >
> > > > "cydog" <(E-Mail Removed)> wrote in message
> > > > news:05AE07E8-1B12-4F56-8769-(E-Mail Removed)...
> > > > > The look I am going for is a menu on the side that flows into the top, like
> > > > > this:
> > > > >
> > > > > ----------banner------
> > > > > --------
> > > > > -----
> > > > > --- content would
> > > > > -- go here
> > > > > -
> > > > >
> > > > > How do I get that banner and sidebar to be one image?
> > > > > If I create it in Photoshop, it doesn't seem like I can layer anything on
> > > > > top of it once it's in Front Page (i.e. button, other .gifs, text, etc.).
> > > > >
> > > > > I guess what I am asking is how do I get started? I've been looking for
> > > > > days on the internet but can't find the answer.
> > > >
> > > >
> > > >

> >

 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Background Shading for Layers gk Microsoft Frontpage 2 30th May 2009 02:07 AM
Layers?: Compact or compounding layers to table and cells =?Utf-8?B?TWltaSBU?= Microsoft Frontpage 2 18th Nov 2006 12:06 PM
layers with background images in IE =?Utf-8?B?a2hheW1vbg==?= Microsoft Frontpage 3 22nd Jan 2005 01:16 PM
background images and layers =?Utf-8?B?a2hheW1vbg==?= Microsoft Frontpage 0 20th Jan 2005 08:03 PM
RE: Transparent control background - wrong layers displayed Serg Kuryata [MS] Microsoft Dot NET Compact Framework 0 13th Sep 2004 10:41 PM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 05:47 AM.