Re: Background and/or Layers

From: Crash Gordon®\ (NOVIAGRAwebmaster_at_siriussystems.com)
Date: 03/10/05


Date: Thu, 10 Mar 2005 14:26:58 -0700

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" <cydog@discussions.microsoft.com> wrote in message news:9176E219-C94A-4F45-A44A-3C63A464F720@microsoft.com...
> 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" <cydog@discussions.microsoft.com> wrote in message news:8AB14954-FD66-4977-A223-7AD9C759133B@microsoft.com...
> > > 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" <cydog@discussions.microsoft.com> wrote in message
> > > > news:05AE07E8-1B12-4F56-8769-1A649BFBAA88@microsoft.com...
> > > > > 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.
> > > >
> > > >
> > > >
> >