dynamic nav/drop-down...

hi,

I need help with a dynamic nav menu,
http://www.mayacove.com/design/nav/nav.html

it looks like I want it in IE 7, but in FF and IE 6 it's totally messed
up.. in FF the main-nav section looks fine, but the drop-downs are
totally messed up.. in IE6 for some reason the functionality is totally
messed up, I get JavaScript errors, I guess that's for JS group....

I adapted this from here,
http://www.javascriptkit.com/script/...leveltab.shtml
which is for sub-menus that go horizontally right underneath main-nav..

I always have difficulties with this, would like to find a method that
works across all browsers... a kind of "formula" that can be applied to
all situations (whether sub-nav is vertical (drop-downs) or horizontal..
if possible...

thank you very much...

maya wrote:

hi,

I need help with a dynamic nav menu,
http://www.mayacove.com/design/nav/nav.html

it looks like I want it in IE 7, but in FF and IE 6 it's totally messed
up.. in FF the main-nav section looks fine, but the drop-downs are
totally messed up.. in IE6 for some reason the functionality is totally
messed up, I get JavaScript errors, I guess that's for JS group....

I adapted this from here,
http://www.javascriptkit.com/script/...leveltab.shtml
which is for sub-menus that go horizontally right underneath main-nav..

I always have difficulties with this, would like to find a method that
works across all browsers... a kind of "formula" that can be applied to
all situations (whether sub-nav is vertical (drop-downs) or horizontal..
if possible...

thank you very much...

for the FF problem, it's a padding problem... in this pg,
http://www.webmasterworld.com/forum83/5499.htm

the gray boxes in some of the messages render fine in FF, but I can't
replicate this, I can't find the css code for those gray boxes....

b/c if I just put this code,
font color="#000000" face="arial" size="2">That's the only way you’ll
get a box 300px wide with a border, and <b style="color: black;
background-color: rgb(187, 255, 255);">padding</b>. Doesn't that suck?
</font>

of course it looks nothing like how it looks in above url.. I can't find
css code for this element.. WHY can't FF treat padding as padding??????

thank you........

maya wrote:

hi,

I need help with a dynamic nav menu,
http://www.mayacove.com/design/nav/nav.html

No Doctype! That means you are operating in quirks mode.

What box model the browser uses is dependent on the boxtype.

Mostly, you'll want to use the standards mode box model and you'll need
a strict doctype to trigger that.

I don't really like the standards mode box model, where the width is
the width of the contents not that of the box. But it is consistent and
strict gets rid of some other inconsistencies between browsers.

I'm not saying that will fix your problems, but you'll have a level
playing field.

it looks like I want it in IE 7, but in FF and IE 6 it's totally messed
up.. in FF the main-nav section looks fine, but the drop-downs are
totally messed up.. in IE6 for some reason the functionality is totally
messed up, I get JavaScript errors, I guess that's for JS group....

Good luck with that.

I adapted this from here,
http://www.javascriptkit.com/script/...leveltab.shtml
which is for sub-menus that go horizontally right underneath main-nav..

I'd rewrite the submenus, so that instead of br's you have either a list

or a series of divs.

Jeff

I always have difficulties with this, would like to find a method that
works across all browsers... a kind of "formula" that can be applied to
all situations (whether sub-nav is vertical (drop-downs) or horizontal..
if possible...

thank you very much...

Jeff schrieb:

maya wrote:
hi,

I need help with a dynamic nav menu,
http://www.mayacove.com/design/nav/nav.html

No Doctype! That means you are operating in quirks mode.

What box model the browser uses is dependent on the boxtype.

s/boxtype/doctype/

An issue to think about:

If you make dropdown menus with javascript or flash, they will be
invisible to
search engines. And if your pages are invisible to search engines, no
one
will ever look at htem. So you either have to *also* build a static
site map,
that points to everything, or you can build the dropdown menus with
css techniques, rather than client-side processing.

Look at positioniseverything.net (think that's the name) for
examples of (nearly) pure css dropdowns. You still have to do
a bit of javascript hacking to make their solution work for IE6.
But that part is not a search engine impediment.

maya wrote:

hmmmm.. interesting... I still dont get why some users disable
JavaScript (some corporate firewalls disable JavaScript?? THAT I didn't
know... what ARE all the evil things supposedly you can do with
JavaScript?????)

I'll leave "evil" to someone else, but I'll tell you I have JS disabled
by default because about 90% of the JS out there is annoying crap that I
don't want to see.

That includes cumbersome drop-down menus. They are a big pain to use and
many times are poorly constructed and/or styled, which makes them an
even bigger pain to use.

I reckon that the users who
have JavaScript disabled are a small minority,

Yes, but that's no reason to dismiss them as unimportant, as you seem to
be doing.

I think it's very rare
nowadays for a website to not use JavaScript.

Using JS is not so much the issue as relying on it.

But this is all off-topic for this newsgroup. It's been discussed
numerous times in alt.html and other groups, so go to those archives for
more on the subject.

--
Berg

salmobytes wrote:

An issue to think about:

If you make dropdown menus with javascript or flash, they will be
invisible to
search engines. And if your pages are invisible to search engines, no
one
will ever look at htem. So you either have to *also* build a static
site map,
that points to everything, or you can build the dropdown menus with
css techniques, rather than client-side processing.

Look at positioniseverything.net (think that's the name) for
examples of (nearly) pure css dropdowns. You still have to do
a bit of javascript hacking to make their solution work for IE6.
But that part is not a search engine impediment.

very nice!!
http://www.positioniseverything.net/css-dropdowns.html

will certainly try this.. thank you very much...

In article <67bm0bF2okl9tU1 (AT) mid (DOT) individual.net>,
Bergamot <bergamot (AT) visi (DOT) com> wrote:

maya wrote:

hmmmm.. interesting... I still dont get why some users disable
JavaScript (some corporate firewalls disable JavaScript?? THAT I didn't
know... what ARE all the evil things supposedly you can do with
JavaScript?????)

I'll leave "evil" to someone else, but I'll tell you I have JS disabled
by default because about 90% of the JS out there is annoying crap that I
don't want to see.

That includes cumbersome drop-down menus. They are a big pain to use and
many times are poorly constructed and/or styled, which makes them an
even bigger pain to use.

I reckon that the users who
have JavaScript disabled are a small minority,

Yes, but that's no reason to dismiss them as unimportant, as you seem to
be doing.

I think it's very rare
nowadays for a website to not use JavaScript.

Using JS is not so much the issue as relying on it.

I agree with Bergamot 110% on all of this. I was slightly disappointed
with his refusal to look into the nature of evil though.

--
dorayme

Beauregard T. Shagnasty wrote:

Beauregard T. Shagnasty replies to hisself:

actually hinders toe operation

s/toe/the <lol> Or test the page with your toes instead of your hand.

I liked it better as 'toe' ;-)

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com