hwg-critique archives Nov 1998 new search results previous next

RE: Girls softball site 2nd try

by "Michael Gerholdt" <gerholdt(at)ait.fredonia.edu>

 Date:  Fri, 6 Nov 1998 23:21:43 -0500
 To:  "Arthur Leland" <gary(at)lelandswallpaper.com>,
<hwg-critique(at)hwg.org>
 In-Reply-To:  cyberramp
  todo: View Thread, Original 
This is a multi-part message in MIME format.

------=_NextPart_000_0004_01BE09DC.3757AB20
Content-Type: text/plain;
	charset="iso-8859-1"
Content-Transfer-Encoding: 7bit



    > please help with a nonprofit girls softball site used for fund
raising. Any Ideas  and
    > reviews will be appreciated.
    >
    > the address is www.lelandswallpaper.com/dabomb

    First thought: bgcolor=red but the predominant background color in  the
image is white. With a text color of purple, if the background image didn't
load, the viewer would be looking at a red screen looking for the purple
text. Doesn't sound like a money-maker. bgcolor=(the predominant color in
the background image) is a rule of thumb.

    Something like "Click here if you want to put this banner or your site!"
could be reduced to "Put this banner on your site!" Easily understood.

    You have fontsize set to 4. I used my browser's resizing ability to make
it smaller. I'd just lose that - you don't need it.

    Also, you have a table inside a table for the swinging batter gif; part
of that table I've already mentioned. The nesting is unnecessarily complex
for what you are doing here. Try something like:
    <table border=0 align=right width=55>
    <tr><td align=center><a href="banner"><font size=1><Img border=0
src="images/hitter.gif"><br>Proud Sponsor of Da' Bomb Girls'
Softball</font><BR><a href="banner">Click here if you want to put this
banner or your site!</a></td></tr></table>

    The above is untested and suggestive; may need some tweaking.

    See that <center> disappears and is replaced by <td align=center>. You
have opened a center tag in this table and not closed it, BTW. You also have
centered the entire page immediately after the body tag. I don't really
think that works well with text for reading purposes - jagged margins both
sides. Better to left justify, IMO.

    I always recommend putting a doctype on the page and running it through
validators. Can learn a fair amount about what you are doing that way.

    The three link images nearer the bottom - "Sponsors" "Links" "Home" -
the lettering on the "sponsors" button is noticeably not in the same
position vertically as are the other two. And the "home" button is active to
the page it's on. There can be good reasons for doing this, but usually it's
not necessary.

    Guess that's it for now - hope this is of some help.

    The fastpitch gif is pretty neat!

    later,
    Michael

------=_NextPart_000_0004_01BE09DC.3757AB20
Content-Type: text/html;
	charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN">
<HTML>
<HEAD>

<META content=3Dtext/html;charset=3Diso-8859-1 =
http-equiv=3DContent-Type>
<META content=3D'"MSHTML 4.72.2106.6"' name=3DGENERATOR>
</HEAD>
<BODY bgColor=3D#ffffff>
<BLOCKQUOTE>
    <DIV class=3DOutlookMessageHeader><FONT face=3D"Times New Roman"=20
    size=3D2><BR></FONT></DIV>
    <DIV><FONT color=3D#000000 size=3D2><SPAN =
class=3D280485303-07111998><FONT=20
    color=3D#0000ff face=3DArial size=3D2>&gt; </FONT></SPAN>please help =
with a=20
    nonprofit girls softball site used for fund raising. Any Ideas&nbsp; =

    and&nbsp;<SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2> </FONT></SPAN></FONT></DIV>
    <DIV><FONT color=3D#000000 size=3D2><SPAN =
class=3D280485303-07111998><FONT=20
    color=3D#0000ff face=3DArial size=3D2>&gt; </FONT></SPAN>reviews =
will be=20
    appreciated.</FONT></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>&gt;</FONT></SPAN></DIV>
    <DIV><FONT size=3D2><SPAN class=3D280485303-07111998><FONT =
color=3D#0000ff=20
    face=3DArial size=3D2>&gt; </FONT></SPAN>the address is <A=20
    =
href=3D"http://www.lelandswallpaper.com/dabomb">www.lelandswallpaper.com/=
dabomb</A>=20
    </FONT></DIV>
    <DIV>&nbsp;</DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>First thought: bgcolor=3Dred but the predominant background =
color=20
    in&nbsp; the image is white. With a text color of purple, if the =
background=20
    image didn't load, the viewer would be looking at a red screen =
looking for=20
    the purple text. Doesn't sound like a money-maker. bgcolor=3D(the =
predominant=20
    color in the background image) is a rule of =
thumb.</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2></FONT></SPAN>&nbsp;</DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>Something like &quot;Click here if you want to put this =
banner or=20
    your site!&quot; could be reduced to &quot;Put this banner on your=20
    site!&quot; Easily understood.</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2></FONT></SPAN>&nbsp;</DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>You have fontsize set to 4. I used my browser's resizing =
ability to=20
    make it smaller. I'd just lose that - you don't need =
it.</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2></FONT></SPAN>&nbsp;</DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>Also, you have a table inside a table for the swinging =
batter gif;=20
    part of that table I've already mentioned. The nesting is =
unnecessarily=20
    complex for what you are doing here. Try something =
like:</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>&lt;table border=3D0 align=3Dright =
width=3D55&gt;<BR>&lt;tr&gt;&lt;td=20
    align=3Dcenter&gt;&lt;a href=3D&quot;banner.htm&quot;&gt;&lt;font=20
    size=3D1&gt;&lt;Img border=3D0=20
    src=3D&quot;images/hitter.gif&quot;&gt;&lt;br&gt;Proud Sponsor of =
Da' Bomb=20
    Girls' Softball&lt;/font&gt;&lt;BR&gt;&lt;a=20
    href=3D&quot;banner.htm&quot;&gt;Click here if you want to put this =
banner or=20
    your =
site!&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2></FONT></SPAN>&nbsp;</DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>The above is untested and suggestive; may need some=20
    tweaking.<BR></FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>See that &lt;center&gt; disappears and is replaced by =
&lt;td=20
    align=3Dcenter&gt;. You have opened a center tag in this table and =
not closed=20
    it, BTW. You also have centered the entire page immediately after =
the body=20
    tag. I don't really think that works well with text for reading =
purposes -=20
    jagged margins both sides. Better to left justify, =
IMO.</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2></FONT></SPAN>&nbsp;</DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial size=3D2>I=20
    always recommend putting a doctype on the page and running it =
through=20
    validators. Can learn a fair amount about what you are doing that=20
    way.</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2></FONT></SPAN>&nbsp;</DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>The three link images nearer the bottom - =
&quot;Sponsors&quot;=20
    &quot;Links&quot; &quot;Home&quot; - the lettering on the=20
    &quot;sponsors&quot; button is noticeably not in the same position=20
    vertically as are the other two. And the &quot;home&quot; button is =
active=20
    to the page it's on. There can be good reasons for doing this, but =
usually=20
    it's not necessary.</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2></FONT></SPAN>&nbsp;</DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>Guess that's it for now - hope this is of some=20
    help.</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2></FONT></SPAN>&nbsp;</DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>The fastpitch gif is pretty neat!</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2></FONT></SPAN>&nbsp;</DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>later,</FONT></SPAN></DIV>
    <DIV><SPAN class=3D280485303-07111998><FONT color=3D#0000ff =
face=3DArial=20
    size=3D2>Michael</FONT></SPAN></DIV></BLOCKQUOTE></BODY></HTML>

------=_NextPart_000_0004_01BE09DC.3757AB20--

HTML: hwg-critique mailing list archives, maintained by Webmaster @ IWA