RE: How is this background done?

by "tim booker" <timbooker(at)btinternet.com>

 Date:  Sat, 8 Apr 2000 10:12:16 +0100
 To:  "'gregory Landry'" <glandry1(at)maine.rr.com>
 Cc:  "Hwg Techniques (E-mail)" <hwg-techniques(at)hwg.org>
 In-Reply-To:  rr
  todo: View Thread, Original
> I am perplexed a bit. I can understand how to use
> a slicing program to break up a graphic into a table
> but how does one lay text on top of it. For example,
> if I break a graphic up with smartsaver, the graphic
> elements are placed in the <td></td> tag. Now
> there is no way I can then place text on top of that
> graphic. Correct?

Hello,

To create the effects to which you referred in your original post, you DO
NOT need to lay text over an <img />.

To create the background effect you want, you can simply colour the table
using bgcolor="" in your <td> tags.  You'll then need to create the round
corners by using small images.  You can create these this easily by drawing
a small (about 20x20px) coloured circle on a black background, and chopping
it into quarters.  You can then place these small images in the corners of
your table to create the rounded effect.

On my homepage, I've created a similar effect using frames.
http://www.timbooker.co.uk

Although you use the phrase "graphic background" when referring to the DNA
site (http://www.dnadesign.com/3/), only a few graphics are used.  Four very
small corners, and the DNA logo in the centre.  Most of the background
colour is done using a small bgcolor="" attribute in the <td> tags.

Remember, colour on the Web is free.

I hope some of this helps.  Somehow.

Tim





>>>>>>>>>>>>>> http://www.timbooker.co.uk/


> -----Original Message-----
> From: owner-hwg-techniques(at)hwg.org
> [mailto:owner-hwg-techniques(at)hwg.org]On Behalf Of gregory Landry
> Sent: 07 April 2000 21:50
> To: HWG Techniques; HWG Basics
> Subject: RE: How is this background done?
>
>
> To all,
>
> I obviously was not very clear in my use of my language when
> I used the word
> background. I was not referring to the actual background
> color, which is
> black, and set by the bgcolor tag. I was referring the
> "graphic layout,"
> made up of the blue, dark blue, and yellow, as well as the
> other "graphic
> elements" in the middle part of the page, and placed in a rectangular
> format.
>
> I think, from what others said, that this "graphic layout"
> was done with a
> table. I was overwhelmed, to say the least, with all the
> other code that I
> was able to see via the source code option in my browser. For
> some reason I
> thought this layout was not done using a table.
>
> I have always liked the look of a "graphic layout" on which
> all text "sits."
> I have seen some amazingly attractive sites with this type of
> layout. Many
> of these sites have been aesthetically pleasing to my eye,
> though the sites
> may not be in best HTML "form."
>
> I suspect then, this must be "THE WAY" to do this type of
> layout, other than
> using Flash or a program similar to Flash.
>
> Any suggestions on this type of layout is welcomed. I do have all the
> programs necessary to do the graphic slicing. I use
> Smartsaver Pro, a plugin
> for Photoshop, which is very easy to use and quite versatile.
>
> Is it standard to first create a "graphic layout" of this
> type of page, then
> slice it up into a table using some plugin or Photoshop, etc.
> I noticed that
> even Smartsaver cannot always slice a graphic the way I want. An image
> slicer usually has built in limitations, is that not true? Or
> are there
> slicers that will slice in "any way" I want?
>
> I am perplexed a bit. I can understand how to use a slicing
> program to break
> up a graphic into a table but how does one lay text on top of it. For
> example, if I break a graphic up with smartsaver, the graphic
> elements are
> placed in the <td></td> tag. Now there is no way I can then
> place text on
> top of that graphic. Correct?
>
>
> Thanks for your time everyone and I'm sorry I was so
> inarticulate. I'll be
> more careful with my language from now on. Also, I don't mind being
> corrected. Feel free to "beat me up." Ohhh..No, I am not a
> masochist.   :)
>
> Sincerely,
> Greg Landry
> glandry1(at)maine.rr.com
> or
> libman(at)libmansworld.com
>
>
>
>
>
>
>
>
>
>
>
>
> > -----Original Message-----
> > From: Steve Deemer [mailto:steve.deemer(at)rcmt.com]
> > Sent: Friday, April 07, 2000 8:01 AM
> > To: 'gregory Landry'
> > Subject: RE: How is this background done?
> >
> >
> > Are you referring to the black background or the image on it or
> > the fact it
> > is centered and set up for 800x600??
> >
> >
> >
> > -----Original Message-----
> > From: owner-hwg-techniques(at)hwg.org
> > [mailto:owner-hwg-techniques(at)hwg.org]On Behalf Of gregory Landry
> > Sent: Friday, April 07, 2000 6:19 AM
> > To: HWG Techniques; HWG Basics
> > Subject: How is this background done?
> >
> >
> > Hi, I'm new to the list. I think my question is on topic.
> >
> > My question:
> >
> > Can someone tell me how the background is done at
> > http://www.dnadesign.com/3/ ? I've always wanted to set up
> a background
> > similar to this site but I've never been sure how.
> >
> > Sincerely,
> > Greg Landry
> > glandry1(at)maine.rr.com
> > or
> > libman(at)libmansworld.com
>
>

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA