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