RE: site design

by Carmen Carter <Carmen.Carter(at)BlazeNet.com>

 Date:  Mon, 20 Aug 2001 08:17:28 -0400
 To:  "'Kelly Ballard'" <kellyistruly(at)home.com>
 Cc:  "'hwg-graphics(at)hwg.org'" <hwg-graphics(at)hwg.org>
  todo: View Thread, Original
Kelly,

I have to disagree with your suggestion about moving the <center> tag to an
align attribute of the <table> tag. The align attribute is used to work with
text wraparounds and can cause some real oddities in layout if used for
overall positioning. The <center> or <div align=center> tags are still the
best bet for controlling the placements of blocks o elements such tables and
images.

The gap between tables is a common one and has an easy fix. For some
browsers, putting your <td></td> tags on different lines in your source code
results in hairline gaps instead of a close butt of table contents:

<td>
Content of the cell, especially when 
it breaks over several lines.
</td>

To get rid of the gap, configure your source code like this:

<td>Content of the cell all in one line, no matter how long it stretches
out.</td>

In theory, the line breaks in code shouldn't have any effect on what you see
in the browser. But in practice I've learned that tables -- especially in
certain versions of NN -- are especially sensitive to line breaks. 

--Carmen Carter



-----Original Message-----
From: Kelly Ballard [mailto:kellyistruly(at)home.com]
Sent: Monday, August 20, 2001 12:05 AM
To: hwg-graphics(at)hwg.org
Subject: Re: site design


Hi Jacqueline,

I admit that I haven't read your whole email to the group, however I did see
that you are having trouble with the gap in netscape.  I apologise to the
group for not being on topic with the graphics side of things.

Try removing the 'center' tags from around the tables, and instead, put the
alignment within the table tag.  So you will end up with something like this
instead:

<TABLE ALIGN="center" etc. etc.>
blah blah...
</TABLE>
<TABLE ALIGN="center" etc etc>
blah blah
</TABLE>

Let me know if that works for you.  Btw the page looks absolutely wonderful
and you have done a great job on the cactus image!

Kelly

Web Designer/Developer
Paladin Enterprises Inc.
http://www.paladinenterprisesinc.com
"We Do Everything For You"

----- Original Message -----
From: "Jacqueline Sylvia" <jsylvia90(at)hotmail.com>
To: <hwg-graphics(at)hwg.org>
Sent: Monday, August 20, 2001 1:45 AM
Subject: site design


> Hi Group,
>
> I haven't heard very much from the list.  So I thought I would send along
a
> newly designed site to generate some interaction.
>
> This site is a departure from most of the small business work I generally
> do.  So I thought it might be a refreshing change for others who generally
> do their Internet work in the business arena.
>
>
> I am not really sending this site for critique. (Although if someone can
> tell me how to eliminate the hairline gap in the table when viewed in
> Netscape Navigator -- that would be great!  -- Though I CAN live with it.)
>
> Rather, I am sending this site as an example of how one can overcome some
of
> the known, and often frustrating, limitations we experience with working
> with the Internet.  We all know the issues... image quality, cross
browser,
> download time, design quality and so on.  When I began working on this
site,
> I wasn't intent on using this site as an example to show for other
> designers, but after applying my acquired skills I was very pleased with
the
> results.  I wanted to apply everything that I have learned through
studying,
> trial and error, searching resources (like this great mailing list!), etc.
> I was faced with putting together a site that contained many, many photos,
> yet wanted to use additional graphics to create a theme. I wanted to
> incorporate my newly acquired (and albeit novice) Flash production skills.
> I never intended this site to be more than a family gift, but after
looking
> at the site over and over.  I feel it accomplished much of what we all
seek
> to do and may be an inspiration to other designers in overcoming some of
the
> mundane challenges we face.
>
> Much of the ideas I used were from this mailing list and thus I am pleased
> to share this with you.
>
> Here are just a few of the things I incorporated to achieve the effects I
> desired.  The #1 tool I used was COMMUNICATION (in my view, the ONLY
reason
> we have the internet)...
>
>
> 1.) By using a "refresh" META tag, I prompted the viewer that the site
> contained many graphics and tempered their expectations should they
> experience download delays (though I've had no complaints!).
>
> 2.) I reduced download time, by repeating graphic elements throughout the
> site.
>
> 3.) I reinforced the fact that the graphics were amateur photos, so
viewers
> would accept lack of graphic perfection.
>
> 4.) I attempted to create a pleasing design working within a reasonable
> timeframe.(although there a couple of things I might go back and improve
> upon.)
>
> 5.) I had FUN and used my imagination, while improving my design,
> programming and graphic skills.  (i.e. That cactus is REALLY a snapshot of
> Arizona scenery taken from the backseat of a car on the highway.  I worked
> on my Photoshop skills with that graphic.)
>
> And, there is much more that I did.  I hope you like the site, and what
I've
> done.  Your feedback would be great.
>
> This is for everyone who participated in this list and provide some
> invaluable help to all of us struggling designers!
>
>
> http://www.jswebsolutions.com/deb-and-doug/
>
> Jacqueline Sylvia
>
>
> www.jswebsolutions.com
>
>
>
>
> _________________________________________________________________
> Get your FREE download of MSN Explorer at http://explorer.msn.com/intl.asp
>

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

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.