HTML on Firefox 2

[dorayme]

<[email protected]
m>,

Thank you for your suggestions dorayme, I really appreciate the time
you spent trying to make all fit with my design. But after a bit of
playing around I realized that I prefered to set for a design that
adapts itself to different resolutions and browser widths.

I have managed to find a solution which allows a centered look + keep
adaptability to different browser widths.

http://alternativeherbal.co.uk/newindex-fluid2.php

If you do not make money via your site now, it will not be for
any matters of design. You can go on improving and tightening and
simplifying and fixing various things... no time to poke through
your code now, but I can say I find your white header
disconcerting, perhaps it is the colour of the text, the fixed
white rectangular background to the imaged words, floating about
on top of that nice leafy bg. But this is just a matter of
personal taste, I am sure. I'd still buy your pills. <g>

 

[Nick]

I can say I find your white header
disconcerting, perhaps it is the colour of the text, the fixed
white rectangular background to the imaged words, floating about
on top of that nice leafy bg. But this is just a matter of
personal taste, I am sure. I'd still buy your pills. <g>

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?

 

[dorayme]

<[email protected]

,

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?

Perhaps I can make this suggestion: make the background white to
it transparent. make the text a bolder colour, it is a bit lurid
green as it appears on my machine? What about using exactly the
colour of the links just under it. That is a darker, more
pleasant green and making it the same will unify the design a
bit. While you are it. consider making the background to the
header in the middle col the same as te side panels and use the
same coloured text in all three, further unifying and simplifying
the look... simple is a good direction.

I will say again, well done getting the show to contract and
expand on window resize.

 

[Beauregard T. Shagnasty]

I can't open this url?

It's "herbal", not "herval" and it's not "https" ... ;-)

 

[dorayme]

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]

errata:

did not notice the b,

should read "did not notice the v"

or

"did not notice the b was not there and a v was there by mistake".

This heading not only has the white background (I do understand

refers to the heading with the curved text (not to #top)