Re: restaurant site

Brian wrote:

website for T.S. McHugh's Restaurant and Pub (Seattle, WA, US)
http://www.tsmchughs.com/

Let me say up front that I use a larger than "average" text size with a
window size usually a tad smaller than 800px wide, though I did use
mostly an 800x600 window for this site. The larger text size is most
relevant.

The lower portion of the fixed nav bar was inaccessible until I either
sufficiently reduced the text size (which made the content too small for
my reading comfort) or increased the height of the browser window (which
may not always be an option).

On the home page, all the content wrapped under the photo, leaving a big
empty space next to the image. My first impression was that something
was broken. In the h1, is it absolutely necessary to put a non-breaking
space between "T.S." and "McHugh's"?

There are some display oddities with the menus (food, not nav), I
noticed it right away on desserts. It affects the item(s) that are next
to that TOC box at the top of the page. When the name and price don't
both fit on one line, some weird wrapping occurs. It might be related
to specifying float without setting an explicit width. With my
(largish) default text size, Opera7 and mozilla both showed weirdness,
though different weirdness.

Speaking of the TOC box, it seems overly large to me, both in width and
text size. It detracts from the content, especially at smaller window
sizes. The font size in the left nav bar seems overly large, as well.
It is actually larger than the body text.

Other than that, it looks great (poor graphics aside). Great code, too,
but I'm sure you already knew that.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.

Brian wrote:

kchayka wrote:
Brian wrote:

http://www.tsmchughs.com/

The lower portion of the fixed nav bar was inaccessible until...

I was afraid that might be a problem.

Fixed positioning is a nice idea that has a lot of potential problems.
Whether yours will be a (mostly) good application will depend on the
viewing habits of the target audience. My largish text size was only
one factor in making it (partly) inaccessible. Browser toolbars can
further reduced the amount of available vertical space.

In mozilla (classic theme), at 800x600 and my default text size, with
the browser menu, nav toolbar (text and icons), personal toolbar,
site/link toolbar and tab bar all showing, "help" is still hidden. If I
only show text on the nav toolbar _and_ hide the PTB or site/link bar,
"help" becomes visible.

It's up to you whether you do anything more to the positioning, of
course, but at least you know what the repercusions are.

On the home page, all the content wrapped under the photo, leaving a big
empty space next to the image.

Your font size is huge! I had to set mine at 28px to duplicate what
you are seeing -- 26 wasn't big enough.

In mozilla, my default font size is 18px, which is only a little larger
than the installed default. It renders at ~14pt on screen, and usually
approximates IE's "Larger" size. I do not set any minimum font size or
user stylesheets that would override author font sizes, since text zoom
always seems sufficient for my needs.

On the home page with a window 800px wide, the content isn't wrapping
under the photo now, it does wrap at just a bit less even though there
seems to be some empty space on the RHS. Why the margin-right:60px; on
body, anyway? Seems to me 1em would be sufficient.

When there enough room for "McHugh's" in the space next to the photo,
it works better to have a normal space. But when there's enough room
for "T.S." but not enough for "McHugh's," it is quite a bizarre
layout. What do you think?

I only saw this in narrow window sizes at large text sizes, and not at
all with stylesheets disabled. The likelihood of it happening is
further reduced by changing body margin-right to 1em, which gives more
horizontal space to the h1 element. The choice of what to do is
ultimately yours, of course.

There are some display oddities with the menus (food, not nav), I
noticed it right away on desserts.
With my
(largish) default text size, Opera7 and mozilla both showed weirdness,
though different weirdness.

I could not duplicate the problem in Opera.

Maybe your window wasn't small enough, or your default text size not
large enough.
<URL:http://accessat.c-net.us/screenshots/tsmchughs.png>

I see what you mean in Mozilla. Not sure how to correct it.

I'm not sure off the top of my head, either. I'd have to experiment a bit.

Speaking of the TOC box, it seems overly large to me,

Reduced.

The size is better, methinks, though I'm not sure I like that particular
shade of yellow. Against the green background, it looks more gold.
Against the white background, it looks a bit sickly, IMO.

The font size in the left nav bar seems overly large, as well.
It is actually larger than the body text.

By design. But I've reduced it quite a bit. I actually think it's too
small. But tell me what you think. The smaller size provides more
vertical space.

The nav text is 120% of body text by design, and that is too small?
Well, OK. I do notice that the size difference between the nav bar and
body text is far less in IE than other browsers. I suppose that was one
of your considerations?

Thanks again.

No problemo.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.