Posted by dorayme on 11/21/07 21:04

In article
<BcP0j.35687$if6.12491@bgtnsc05-news.ops.worldnet.att.net>,
"Beauregard T. Shagnasty" <a.nony.mous@example.invalid> wrote:

> dorayme wrote:
>
> > Nick <maxout2001-nospam@yahoo.co.uk> wrote:
> >> I've tweaked the header, at https://alternativeherval.co.uk. Do you
> >> reckon is any better now? Or maybe should I put a different
> >> background color?
> >
> > I can't open this url?
>
> It's "herbal", not "herval" and it's not "https" ... ;-)

Ah, yes, thanks B, I did try the http but did not notice the b,
perhaps too anxious to get to my swim late avo... <g>

Anyway, this reminds me. To OP:

Consider removing

#top {

background-color: #fff;
background-image:url(images/leaffade.gif);
....
}

And let the body bg leaf (the same) shine through. No need to be
backgrounding every section with the same bg.

This heading not only has the white background (I do understand
your possible motivation for it: to give the words a bg that they
stand out on) but I reckon the attempt to mimic the bg leaves on
the image is not altogether successful. I realise you do have a
little design problem here, how to lay text that looks natural on
top of a leafy bg and that is why you went to such a bright
(lurid to me, maybe I am wary of green?) green text.

I would be tempted to ditch the extra fiddle of the *dark green*
leaf background that sits above yet another background, the more
pervasive lighter green leaf body background. Either plain colour
bg for the header or simply let the body bg shine though the
header too might be better.

I would be inclined to not have so thickly bold the text in
a.menu:link

In fact, try this for looks:

(1) a.menu:link {color:#fff; ... (get rid of bold and adjust
other links for visited etc. Let the background be the same as
for #top but see next point)

(2) #top {background: #060;}

(3} Remove the dark green leafy background from the header and
let the body bg shine through

(4) Use a less high and more consistent-with-the-colour-scheme
heading image of text (if you want to use an image) like
something I knocked up which you are welcome to have and download
at:

http://netweaver.com.au/alt/nick/nick_header.gif

The sort of look I got by doing above was (and this is a
screenshot, no time for better):

http://netweaver.com.au/alt/nick/nick_top_webpage.png

--
dorayme

[Back to original message]