Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old July 20th, 2005, 05:28 PM
delerious@no.spam.com
Guest
 
Posts: n/a
Default What is the best web site layout?

Hi,

I am designing a web site that will that showcase a bunch of vacation
pictures. It will have a banner and a navigation menu (consisting of 13
rectangular images that can be clicked). I am considering a few different
layouts:

- Banner on top, with the navigation menu immediately below it. The problem
with this layout is that the menu would be about 770 pixels wide, since there
are 13 items in it. Many users would have to maximize their browser window to
keep the horizontal scroll bar from appearing.

- Banner on top, with the navigation menu below it along the left side. The
problem with this layout is that there would be a column of empty space (about
120 pixels wide -- the width of the menu) down the page below the menu. This
may not be too attractive.

Those two layouts also have the problem of the user needing to scroll all the
way back up to the top of the page to get to the menu. Would it be better to
use CSS and position:fixed to simulate frames (with the banner on top and the
menu along the left side)? That way the navigation menu would always be
visible and there wouldn't appear to be too much wasted space under the menu.
But then the banner (which is about 90 pixels high) would take up some browser
real estate.

What do you think is the best layout?

Thanks for any input.
  #2  
Old July 20th, 2005, 05:28 PM
rf
Guest
 
Posts: n/a
Default Re: What is the best web site layout?


<delerious@no.spam.com> wrote in message
news:3fa612eb.99692099@news.md.comcast.giganews.co m...[color=blue]
> Hi,
>
> I am designing a web site that will that showcase a bunch of vacation
> pictures. It will have a banner and a navigation menu (consisting of 13
> rectangular images that can be clicked). I am considering a few different
> layouts:[/color]

Fine.
[color=blue]
> - Banner on top, with the navigation menu immediately below it. The[/color]
problem[color=blue]
> with this layout is that the menu would be about 770 pixels wide, since[/color]
there[color=blue]
> are 13 items in it. Many users would have to maximize their browser[/color]
window to[color=blue]
> keep the horizontal scroll bar from appearing.[/color]

Er, why. Organise the menu so that when the canvas becomes too narrow the
menu flows onto two (or more) lines.
[color=blue]
> - Banner on top, with the navigation menu below it along the left side.[/color]
The[color=blue]
> problem with this layout is that there would be a column of empty space[/color]
(about[color=blue]
> 120 pixels wide -- the width of the menu) down the page below the menu.[/color]
This[color=blue]
> may not be too attractive.[/color]

True. There are any number of sites out there that have that 120 (or
whatever) pixels of wasted space to the left of the content.
[color=blue][color=green]
> > Those two layouts also have the problem of the user needing to scroll[/color][/color]
all the[color=blue]
> way back up to the top of the page to get to the menu.[/color]

Most browsers have a key to do this. It is usually the Home key. Most users
know how to use this key.
[color=blue]
> Would it be better to
> use CSS and position:fixed to simulate frames[/color]

This does not work with IE (the most popular^H^H^H^H^H used browser).
[color=blue]
> (with the banner on top and the
> menu along the left side)? That way the navigation menu would always be
> visible and there wouldn't appear to be too much wasted space under the[/color]
menu.[color=blue]
> But then the banner (which is about 90 pixels high) would take up some[/color]
browser[color=blue]
> real estate.
>
> What do you think is the best layout?[/color]

Simple. No tricks.

Cheers
Richard.


  #3  
Old July 20th, 2005, 05:28 PM
Nico Schuyt
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

delerious@no.spam.com wrote:[color=blue]
> I am considering a few different layouts:[/color]
[color=blue]
> - Banner on top, with the navigation menu immediately below it. The
> problem with this layout is that the menu would be about 770 pixels
> wide, since there are 13 items in it. Many users would have to
> maximize their browser window to keep the horizontal scroll bar from
> appearing.[/color]

Not ideal indeed. Try smaller pictures.
[color=blue]
> - Banner on top, with the navigation menu below it along the left
> side. The problem with this layout is that there would be a column
> of empty space (about 120 pixels wide -- the width of the menu) down
> the page below the menu. This may not be too attractive.[/color]

No problem IMO
[color=blue]
> Those two layouts also have the problem of the user needing to scroll
> all the way back up to the top of the page to get to the menu.[/color]

Some people know how to use the Home and End keys :-)
[color=blue]
> Would
> it be better to use CSS and position:fixed to simulate frames (with
> the banner on top and the menu along the left side)?[/color]

Be aware of the fact that often javascript is applied. Consequence is that
there is no menu at all when js is disabeled:
http://www.mark.ac/help/sticky.html
[color=blue]
> That way the
> navigation menu would always be visible and there wouldn't appear to
> be too much wasted space under the menu.[/color]

Like you say *appear* :-)
[color=blue]
> But then the banner (which
> is about 90 pixels high) would take up some browser real estate.[/color]

Not necessarely: http://www.nicoschuyt.nl/test/fixed_menu.htm
The banner scrolls out of sight.
[color=blue]
> What do you think is the best layout?[/color]

I myself prefer a basic design with menu left (in addition repeat the menu
at the bottom on large pages) and content right

Good luck,
Nico


  #4  
Old July 20th, 2005, 05:28 PM
Stephen Poley
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

On Mon, 03 Nov 2003 08:50:41 GMT, delerious@no.spam.com wrote:
[color=blue]
>It will have a banner and a navigation menu (consisting of 13
>rectangular images that can be clicked).[/color]

Does it need to be that many? 7 or 8 probably makes for a more
reader-friendly layout.
[color=blue]
>I am considering a few different
>layouts:
>
>- Banner on top, with the navigation menu immediately below it. The problem
>with this layout is that the menu would be about 770 pixels wide, since there
>are 13 items in it. Many users would have to maximize their browser window to
>keep the horizontal scroll bar from appearing.[/color]

Why not just allow the menu to wrap at the appropriate width? See e.g.
http://www.xs4all.nl/~sbpoley/webmat...ssbuttons.html for a
reader-friendly way of doing it.

....[color=blue]
>Those two layouts also have the problem of the user needing to scroll all the
>way back up to the top of the page to get to the menu.[/color]

Pressing the "home" key isn't terribly arduous.

[color=blue]
> Would it be better to
>use CSS and position:fixed to simulate frames (with the banner on top and the
>menu along the left side)? That way the navigation menu would always be
>visible and there wouldn't appear to be too much wasted space under the menu.
>But then the banner (which is about 90 pixels high) would take up some browser
>real estate.[/color]

Not my preference.
[color=blue]
>What do you think is the best layout?[/color]

Either of your first two, if implemented sensibly.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
  #5  
Old July 20th, 2005, 05:28 PM
rf
Guest
 
Posts: n/a
Default Re: What is the best web site layout?


"Nico Schuyt" <nschuyt@hotmail.com> wrote in message
news:3fa62c71$0$56504$1b62eedf@news.wanadoo.nl...[color=blue]
> delerious@no.spam.com wrote:[color=green]
> > I am considering a few different layouts:[/color][/color]
[color=blue][color=green]
> > But then the banner (which
> > is about 90 pixels high) would take up some browser real estate.[/color]
>
> Not necessarely: http://www.nicoschuyt.nl/test/fixed_menu.htm
> The banner scrolls out of sight.[/color]

I forgot about the standard simulate frames with divs. Nice demo of it Nico.

However I think you should reconsider the use of % for the width of that
navbar div. This width is not really a percentage of the canvas, it is a
sort of fixed number of characters (assuming no overriding images) so it is
more logical to use ems. This way we avoid wasted space with a wide canvas
and wrapping links, or worse (as happens with your example) links that are
truncated at the right border with a narrow canvas.

Cheers
Richard.


  #6  
Old July 20th, 2005, 05:28 PM
Nico Schuyt
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

rf wrote:[color=blue]
> "Nico Schuyt" wrote[/color]
[color=blue][color=green]
>> Not necessarely: http://www.nicoschuyt.nl/test/fixed_menu.htm
>> The banner scrolls out of sight.[/color]
>
> I forgot about the standard simulate frames with divs.
> Nice demo of it Nico.[/color]

Thank you Richard :-)
[color=blue]
> However I think you should reconsider the use of % for the width of
> that navbar div. This width is not really a percentage of the canvas,
> it is a sort of fixed number of characters (assuming no overriding
> images) so it is more logical to use ems.[/color]

You're right. It's just a scratch I have to work it out further.
But I started with a content box with right margin of 21ex and a menu with
float left and a width of 20ex: http://www.nicoschuyt.nl/test/fixed_test.htm
OK in IE and Opera but a wide gap in Mozilla 1.4 (changing it to em didn't
solve it)

Regards,
Nico


  #7  
Old July 20th, 2005, 05:28 PM
Barry Pearson
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

Nico Schuyt wrote:
[snip][color=blue]
> Not necessarely: http://www.nicoschuyt.nl/test/fixed_menu.htm
> The banner scrolls out of sight.
>[color=green]
>> What do you think is the best layout?[/color]
>
> I myself prefer a basic design with menu left (in addition repeat the
> menu at the bottom on large pages) and content right[/color]

I like the basic simplicity of the above page. However, it only appears to
work on W2000 with IE6 & Opera 7.2, of the browsers I have.

With Mozilla Firebird 0.7 and Netscape 7.1, when the viewport has been reduced
to about 690, the text on the right disappears, and so does its scroll bar. It
is as though you forgot to put any text in. (Is it anything to do with the
"overflows" in the "body"? Just a wild guess).

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/


  #8  
Old July 20th, 2005, 05:28 PM
Nico Schuyt
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

Barry Pearson wrote:[color=blue]
> Nico Schuyt wrote:[/color]
[color=blue][color=green]
>> Not necessarely: http://www.nicoschuyt.nl/test/fixed_menu.htm
>> The banner scrolls out of sight.[/color][/color]
[color=blue]
> I like the basic simplicity of the above page. However, it only
> appears to work on W2000 with IE6 & Opera 7.2, of the browsers I have.
> With Mozilla Firebird 0.7 and Netscape 7.1, when the viewport has
> been reduced to about 690, the text on the right disappears, and so
> does its scroll bar.[/color]

I noticed. It's just a quick and dirty outline. Someday I'll work it out :-)
Nico


  #9  
Old July 20th, 2005, 05:28 PM
kchayka
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

rf wrote:[color=blue]
> "Nico Schuyt" <nschuyt@hotmail.com> wrote in message
> news:3fa62c71$0$56504$1b62eedf@news.wanadoo.nl...[color=green]
>>
>> http://www.nicoschuyt.nl/test/fixed_menu.htm[/color]
>
> I forgot about the standard simulate frames with divs. Nice demo of it Nico.[/color]

I would be _very_ wary of using scrolling divs, though. They are really
hard to navigate for keyboard users. Page up/down and arrow keys, which
I use to scroll, are useless on this page so much of it is inaccessible
without a mouse/click. I hear scroll wheels don't work so well with
these, either.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
  #10  
Old July 20th, 2005, 05:28 PM
delerious@no.spam.com
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

On Mon, 03 Nov 2003 10:20:04 GMT, "rf" <making.it.up@the.time> wrote:[color=blue][color=green]
>> - Banner on top, with the navigation menu immediately below it. The[/color]
>problem[color=green]
>> with this layout is that the menu would be about 770 pixels wide, since[/color]
>there[color=green]
>> are 13 items in it. Many users would have to maximize their browser[/color]
>window to[color=green]
>> keep the horizontal scroll bar from appearing.[/color]
>
>Er, why. Organise the menu so that when the canvas becomes too narrow the
>menu flows onto two (or more) lines.[/color]

Hmm, for my menu I'm using one of those free Javascript menus that display
drop-down lists when you mouseover the items. The one I'm using doesn't split
into multiple lines if the browser window isn't wide enough.

[color=blue][color=green][color=darkred]
>> > Those two layouts also have the problem of the user needing to scroll[/color][/color]
>all the[color=green]
>> way back up to the top of the page to get to the menu.[/color]
>
>Most browsers have a key to do this. It is usually the Home key. Most users
>know how to use this key.[/color]

You learn something new everyday. :-) I really did not know that. I imagine
that the opposite is true -- that most users do not know about the Home key.

[color=blue][color=green]
>> Would it be better to
>> use CSS and position:fixed to simulate frames[/color]
>
>This does not work with IE (the most popular^H^H^H^H^H used browser).[/color]

There are supposedly workarounds for IE, such as this one:
http://devnull.tagsoup.com/fixed/

  #11  
Old July 20th, 2005, 05:28 PM
rf
Guest
 
Posts: n/a
Default Re: What is the best web site layout?


<delerious@no.spam.com> wrote in message
news:3fa6e49f.153384738@news.md.comcast.giganews.c om...[color=blue]
> On Mon, 03 Nov 2003 10:20:04 GMT, "rf" <making.it.up@the.time> wrote:[color=green][color=darkred]
> >> - Banner on top, with the navigation menu immediately below it. The[/color]
> >problem[color=darkred]
> >> with this layout is that the menu would be about 770 pixels wide, since[/color]
> >there[color=darkred]
> >> are 13 items in it. Many users would have to maximize their browser[/color]
> >window to[color=darkred]
> >> keep the horizontal scroll bar from appearing.[/color]
> >
> >Er, why. Organise the menu so that when the canvas becomes too narrow the
> >menu flows onto two (or more) lines.[/color]
>
> Hmm, for my menu I'm using one of those free Javascript menus that display
> drop-down lists when you mouseover the items. The one I'm using doesn't[/color]
split[color=blue]
> into multiple lines if the browser window isn't wide enough.[/color]

I hope you have an alternative navigation scheme in place for those 15% or
so out there that do not have javascript enabled :-)
[color=blue][color=green][color=darkred]
>>> Would it be better to[/color]
> > use CSS and position:fixed to simulate frames[/color][/color]
[color=blue][color=green]
>>This does not work with IE (the most popular^H^H^H^H^H used browser).[/color][/color]
[color=blue]
> There are supposedly workarounds for IE, such as this one:
> http://devnull.tagsoup.com/fixed/[/color]

See Nico's subthread in this thread. Such things *are* possible but they are
not exactly simple and often break in some browsers. For example, Nico's
example breaks in Mozilla (and therefore I suppose Netscape). Do not use any
solution that relies on Javascript. It will break.

Cheers
Richard.[color=blue]
>[/color]


  #12  
Old July 20th, 2005, 05:28 PM
Brett
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

> - Banner on top, with the navigation menu below it along the left side.
The[color=blue]
> problem with this layout is that there would be a column of empty space[/color]
(about[color=blue]
> 120 pixels wide -- the width of the menu) down the page below the menu.[/color]
This[color=blue]
> may not be too attractive.[/color]

hmm...why not have the banner on the top and the links below the banner on
the right? That way you can wrap the text around the links.
[color=blue]
> - Banner on top, with the navigation menu immediately below it. The[/color]
problem[color=blue]
> with this layout is that the menu would be about 770 pixels wide, since[/color]
there[color=blue]
> are 13 items in it. Many users would have to maximize their browser[/color]
window to[color=blue]
> keep the horizontal scroll bar from appearing.[/color]

I personally don't prefer this layout because in most cases you are limited
to how many links you can list which can restrict you if you ever decide to
add more content later.
[color=blue]
> Those two layouts also have the problem of the user needing to scroll all[/color]
the[color=blue]
> way back up to the top of the page to get to the menu.[/color]

Add a footer with some small text links

--
Brett
Provision Tech
http://www.provisiontech.net


  #13  
Old July 20th, 2005, 05:28 PM
Nico Schuyt
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

rf wrote:
http://www.nicoschuyt.nl/test/fixed_menu.htm
[color=blue]
> See Nico's subthread in this thread. Such things *are* possible but
> they are not exactly simple and often break in some browsers. For
> example, Nico's example breaks in Mozilla (and therefore I suppose
> Netscape).[/color]

What version of Mozilla Richard?
Mozilla 1.4 displays correctly, in the zoom range from 50% to 200%
Nico


  #14  
Old July 20th, 2005, 05:28 PM
Nico Schuyt
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

kchayka wrote:[color=blue]
> rf wrote:[color=green]
>> "Nico Schuyt" wrote[/color][/color]
[color=blue][color=green][color=darkred]
>>> http://www.nicoschuyt.nl/test/fixed_menu.htm[/color][/color][/color]
[color=blue][color=green]
>> I forgot about the standard simulate frames with divs. Nice demo of
>> it Nico.[/color][/color]
[color=blue]
> I would be _very_ wary of using scrolling divs, though. They are
> really hard to navigate for keyboard users. Page up/down and arrow
> keys, which I use to scroll, are useless on this page so much of it
> is inaccessible without a mouse/click. I hear scroll wheels don't
> work so well with these, either.[/color]

In IE6 both keys and scroll mouse function correctly. In Opera 7.2 and
Mozilla 1.4 there are problems however.
Thanks for drawing my attention to that..
Nico


  #15  
Old July 20th, 2005, 05:28 PM
rf
Guest
 
Posts: n/a
Default Re: What is the best web site layout?


"Nico Schuyt" <nschuyt@hotmail.com> wrote in message
news:3fa76c25$0$202$3b62cedd@news.wanadoo.nl...[color=blue]
> rf wrote:
> http://www.nicoschuyt.nl/test/fixed_menu.htm
>[color=green]
> > See Nico's subthread in this thread. Such things *are* possible but
> > they are not exactly simple and often break in some browsers. For
> > example, Nico's example breaks in Mozilla (and therefore I suppose
> > Netscape).[/color]
>
> What version of Mozilla Richard?
> Mozilla 1.4 displays correctly, in the zoom range from 50% to 200%
> Nico[/color]

Hmmm. 1.4. Have you been playing with it? For a while there yesterday the
right div started half way across the canvas and went that way ---> causing
a horizontal scrollbar. Seems OK now though.

Cheers
Richard.


  #16  
Old July 20th, 2005, 05:29 PM
kchayka
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

Nico Schuyt wrote:
[color=blue]
> kchayka wrote:[color=green]
>> rf wrote:[color=darkred]
>>> "Nico Schuyt" wrote[/color][/color]
>[color=green][color=darkred]
>>>> http://www.nicoschuyt.nl/test/fixed_menu.htm[/color][/color]
>[color=green][color=darkred]
>>> I forgot about the standard simulate frames with divs. Nice demo of
>>> it Nico.[/color][/color]
>[color=green]
>> I would be _very_ wary of using scrolling divs, though. They are
>> really hard to navigate for keyboard users. Page up/down and arrow
>> keys, which I use to scroll, are useless on this page so much of it
>> is inaccessible without a mouse/click. I hear scroll wheels don't
>> work so well with these, either.[/color]
>
> In IE6 both keys and scroll mouse function correctly.[/color]

How did you manage that without first clicking on the corresponding div?
Page up/down and arrow keys don't work until the div has focus. I
haven't figured out how to get focus without first clicking on it.
Neither the tab nor F6 key moves between divs. What is your secret?

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
  #17  
Old July 20th, 2005, 05:29 PM
Nico Schuyt
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

kchayka wrote:[color=blue]
> Nico Schuyt wrote:[color=green]
>> kchayka wrote:[color=darkred]
>>>> "Nico Schuyt" wrote[/color]
>>[color=darkred]
>>>>> http://www.nicoschuyt.nl/test/fixed_menu.htm[/color][/color][/color]
[color=blue][color=green][color=darkred]
>>> I would be _very_ wary of using scrolling divs, though. They are
>>> really hard to navigate for keyboard users. Page up/down and arrow
>>> keys, which I use to scroll, are useless on this page so much of it
>>> is inaccessible without a mouse/click. I hear scroll wheels don't
>>> work so well with these, either.[/color][/color][/color]
[color=blue][color=green]
>> In IE6 both keys and scroll mouse function correctly.[/color][/color]
[color=blue]
> How did you manage that without first clicking on the corresponding
> div? Page up/down and arrow keys don't work until the div has focus.
> I haven't figured out how to get focus without first clicking on it.[/color]

Neither have I :-)
What a pity: Thought I finally found a good alternative for a photoalbum
with frames (thumbnails left; enlarged picture on the right) :-(
But, on the other hand, even *you* seem to have a mouse. Is it likely people
don't?
Nico


  #18  
Old July 20th, 2005, 05:29 PM
Lauri Raittila
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

In article Nico Schuyt wrote:
[color=blue][color=green]
> > How did you manage that without first clicking on the corresponding
> > div? Page up/down and arrow keys don't work until the div has focus.
> > I haven't figured out how to get focus without first clicking on it.[/color]
>
> What a pity: Thought I finally found a good alternative for a photoalbum
> with frames (thumbnails left; enlarged picture on the right) :-([/color]

With Opera, I can get focus to scrolling div, but I am unable to scroll
it...
[color=blue]
> But, on the other hand, even *you* seem to have a mouse. Is it likely people
> don't?[/color]

Yes. Or it may have worn out batteries. You know it takes 2 months before
remembering to buy new ones :-( I replaced my 'free' wireless mouse with
normal instead of getting new batteries though...)



--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.

  #19  
Old July 20th, 2005, 05:29 PM
kchayka
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

Nico Schuyt wrote:
[color=blue]
> kchayka wrote:[color=green][color=darkred]
>>>>> "Nico Schuyt" wrote
>>>
>>>>>> http://www.nicoschuyt.nl/test/fixed_menu.htm[/color][/color]
>[color=green]
>> Page up/down and arrow keys don't work until the div has focus.
>> I haven't figured out how to get focus without first clicking on it.[/color]
>
> Neither have I :-)
> What a pity: Thought I finally found a good alternative for a photoalbum
> with frames (thumbnails left; enlarged picture on the right) :-(
> But, on the other hand, even *you* seem to have a mouse. Is it likely people
> don't?[/color]

having != using... my car came with a trailer hitch, but I've never used
it. ;) That's not to say I _never_ use a mouse, though.

Regardless, it is rare to need a mouse just for scrolling. Frames are
actually far easier to navigate by keyboard than scrolling divs. There
are no doubt things you can do to make these things more usable, but how
intuitive will those methods be for the visitors that are expected to
use them?

When I find a page that is a big pain to navigate, I would just as soon
go elsewhere and avoid the frustrations. You'd have to have some really
super-duper content to make me stick around and figure out how to use
the site easily.

Some things to keep in mind next time you think about using these evil
things.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
  #20  
Old July 20th, 2005, 05:29 PM
delerious@no.spam.com
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

On Mon, 03 Nov 2003 23:53:02 GMT, "rf" <making.it.up@the.time> wrote:[color=blue][color=green]
>> Hmm, for my menu I'm using one of those free Javascript menus that display
>> drop-down lists when you mouseover the items. The one I'm using doesn't[/color]
>split[color=green]
>> into multiple lines if the browser window isn't wide enough.[/color]
>
>I hope you have an alternative navigation scheme in place for those 15% or
>so out there that do not have javascript enabled :-)[/color]

If I could find a Javascript menu that worked off of images in the HTML, then
that would solve that problem. Does anyone know of a Javascript menu like
that?

  #21  
Old July 20th, 2005, 05:29 PM
Mark Parnell
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

Sometime around Wed, 05 Nov 2003 02:43:38 GMT, delerious@no.spam.com is
reported to have stated:[color=blue]
>
> If I could find a Javascript menu that worked off of images in the HTML, then
> that would solve that problem. Does anyone know of a Javascript menu like
> that?[/color]

Even better:

http://devedge.netscape.com/

--
Mark Parnell
http://www.clarkecomputers.com.au
  #22  
Old July 20th, 2005, 05:29 PM
rf
Guest
 
Posts: n/a
Default Re: What is the best web site layout?


<delerious@no.spam.com> wrote in message
news:3fa86366.9521252@news.md.comcast.giganews.com ...[color=blue]
> On Mon, 03 Nov 2003 23:53:02 GMT, "rf" <making.it.up@the.time> wrote:[color=green][color=darkred]
> >> Hmm, for my menu I'm using one of those free Javascript menus that[/color][/color][/color]
display[color=blue][color=green][color=darkred]
> >> drop-down lists when you mouseover the items. The one I'm using[/color][/color][/color]
doesn't[color=blue][color=green]
> >split[color=darkred]
> >> into multiple lines if the browser window isn't wide enough.[/color]
> >
> >I hope you have an alternative navigation scheme in place for those 15%[/color][/color]
or[color=blue][color=green]
> >so out there that do not have javascript enabled :-)[/color]
>
> If I could find a Javascript menu that worked off of images in the HTML,[/color]
then[color=blue]
> that would solve that problem. Does anyone know of a Javascript menu like
> that?[/color]

We had a thread about this very thing just recently. The poster had a
javascript menu where, without javascript, it was impossible to get to the
items that live in the dropdown panels. In the end the poster decided to do
what we had come up with as a suggestion: to have an intermediate page that
is linked to from the menu bar containing the same links as in the dropdown
panel. This is, funnily, exactly what is on that site Mark just posted :-)

Cheers
Richard.


  #23  
Old July 20th, 2005, 05:29 PM
delerious@no.spam.com
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

On Wed, 05 Nov 2003 04:26:02 GMT, "rf" <making.it.up@the.time> wrote:[color=blue]
>We had a thread about this very thing just recently. The poster had a
>javascript menu where, without javascript, it was impossible to get to the
>items that live in the dropdown panels. In the end the poster decided to do
>what we had come up with as a suggestion: to have an intermediate page that
>is linked to from the menu bar containing the same links as in the dropdown
>panel. This is, funnily, exactly what is on that site Mark just posted :-)[/color]

I may actually be able to design a navigation bar that has the Javascript
dropdowns and still works (that is to say that the top level images could be
clicked) with Javascript disabled. This article describes how to create a
navigation bar with DIV tags, CSS, and javascript:
http://brainjar.com/dhtml/menubar/

I'd just have to use IMGs in place of the DIVs. What do you think of this
solution? Would the CSS described in that article work across all browsers?
Thanks!

  #24  
Old July 20th, 2005, 05:29 PM
Mark Parnell
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

Sometime around Wed, 05 Nov 2003 13:34:11 GMT, delerious@no.spam.com is
reported to have stated:[color=blue]
>
> This article describes how to create a
> navigation bar with DIV tags, CSS, and javascript:
> http://brainjar.com/dhtml/menubar/
>
> I'd just have to use IMGs in place of the DIVs.[/color]

Why use images of text (which I can't resize to make them readable), when
you can use the real thing (and I _can_ resize it)? That would solve your
problem of the menu not wrapping, too.

--
Mark Parnell
http://www.clarkecomputers.com.au
  #25  
Old July 20th, 2005, 05:29 PM
Alan J. Flavell
Guest
 
Posts: n/a
Default Re: What is the best web site layout?

On Wed, 5 Nov 2003 delerious@no.spam.com was observed to have posted
to comp.infosystems.www.authoring.html , of all places:
[color=blue]
> I'd just have to use IMGs in place of the DIVs.[/color]

If that's the answer, then there must have been something wrong with
the question. SCNR.
[color=blue]
> What do you think of this
> solution? Would the CSS described in that article work across all browsers?[/color]

If it necessarily involves IMGs, then how could it "work" across all
browsers? (Hint: not all browsers display images).

OTOH if the IMGs' ALT text can do the job on browsers which need that
kind of thing, then why bother with the IMGs at all?
 

Bookmarks

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over network members.
Post your question now . . .
It's fast and it's free

Popular Articles