Rollover menu active state

[MrBaseball34]

I have a rollover menu at this link:
http://www.amishmkt.com
{Site is still under construction}

How would I make it so that when you are on one of the pages,
the background is highlighted like in this graphic:

http://www.amishmkt.com/images/js_menu.gif

i.e. When you navigate to the Entertainment Centers link, it
would show like in the graphic.

[brucie]

In post <a5************ **************@ posting.google. com>
MrBaseball34 said...

I have a rollover menu at this link:
http://www.amishmkt.com
{Site is still under construction}

How would I make it so that when you are on one of the pages,
the background is highlighted like in this graphic:

http://www.amishmkt.com/images/js_menu.gif

i.e. When you navigate to the Entertainment Centers link, it
would show like in the graphic.

http://usenet.alt-html.org/one.html

--
brucie.
10/October/2003 07:24:34 am

[John C]

On Fri, 10 Oct 2003 07:25:41 +1000 brucie posted:

In post <a5************ **************@ posting.google. com>
MrBaseball34 said...

I have a rollover menu at this link:
http://www.amishmkt.com

How would I make it so that when you are on one of the pages,
the background is highlighted like in this graphic:

http://usenet.alt-html.org/one.html

Would you happen to know a way to make that work in NS4 without js? I
haven't found a way, and think there probably isn't. However, by
coincidence this is the last detail remaining on a site I'm converting to
CSS, needing NS4 to render as near as possible to "modern" browsers. So I
thought I'd ask.

--
John C

[brucie]

In post <MP************ ************@ne ws.sunflower.co m>
John C said...

http://usenet.alt-html.org/one.html

Would you happen to know a way to make that work in NS4 without js?

change the IDs on the links to classes. i.e.

#pageone a.one

<a href... class="one">

etc.
--
brucie.
10/October/2003 04:18:14 pm

[Johannes Koch]

John C wrote:

Would you happen to know a way to make that work in NS4 without js?

As CSS is implemented through Javascript in NN4, NN4 has no CSS support
when Javascript is switched off.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

[MrBaseball34]

John C <jc****@delete. email.com> wrote in message news:<MP******* *************** **@news.sunflow er.com>...

On Fri, 10 Oct 2003 07:25:41 +1000 brucie posted:

In post <a5************ **************@ posting.google. com>
MrBaseball34 said...

I have a rollover menu at this link:
http://www.amishmkt.com

How would I make it so that when you are on one of the pages,
the background is highlighted like in this graphic:

http://usenet.alt-html.org/one.html

I don't understand how I would do that with my CSS.

Here's what I use:

/* Navigation bar *************** *************** *************** ***/

#navbar {
position: absolute;
left:4px;
top:203px;
width:190px;
background-color: #996633;
color: #f0e0c8;
font-size:12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
margin: 0.5em 0.5em 0.5em 0.5em;
border: solid #996633 3px;
}

#navbar ul {
list-style-type: none;
margin: 0;
border: 2px solid #cc9966;
}

#navMenu li a, #navbar li span {
text-decoration: none;
display: block;
padding: 4px;
margin: 0;
width: 100%;
height: 100%;
border: 3px solid #cc9966;
}

html>body #navMenu a, html>body #navMenu span {
width: auto;
}

#navbar a:link {
background-color: transparent;
color: #f0e0c8;
}

#navMenu a:link {
border-right-style: none;
}

#navbar a:visited {
background-color: transparent;
color: #f0e0c8;
}

#navMenu a:visited {
border-right-color: #eee;
border-right-style: none;
}

#navMenu li.active > a, #navMenu li.active > span {
border-right-color: #999;
border-right-style: 5px solid;
background-color: #f0e0c8;
color: #ff00;
}

#navMenu a:hover {
border-right-color: #996633;
border-right-style: solid 4px;
}

#navbar a:hover {
background-color: #f0e0c8;
color: #996633;
}

#navbar a:focus {
background-color: #f0e0c8;
color: #996633;
}

#navMenu ul {
margin-left: 0em;
}

[MrBaseball34]

Well... Nevermind. I figured it out a little easier than your example.

[John C]

On Fri, 10 Oct 2003 10:39:50 +0200 Johannes Koch posted:

John C wrote:

Would you happen to know a way to make that work in NS4 without js?

As CSS is implemented through Javascript in NN4, NN4 has no CSS support
when Javascript is switched off.

Holy rollovers, Batman! I suppose the reason I've never heard that before
is because everybody in the world but me already knew it! Still, if
something can be done with CSS without adding JS, wouldn't that be
desirable, at least in principle?

Is there a way to have javascript enhancements for NS4 but hide them from
"newer" browsers? Sort of the inverse of hiding CSS from "older"
browsers.

--
John C

[Peter Foti]

"John C" <jc****@delete. email.com> wrote in message
news:MP******** *************** *@news.sunflowe r.com...

On Fri, 10 Oct 2003 10:39:50 +0200 Johannes Koch posted:

John C wrote:

Would you happen to know a way to make that work in NS4 without js?

As CSS is implemented through Javascript in NN4, NN4 has no CSS support
when Javascript is switched off.

Holy rollovers, Batman! I suppose the reason I've never heard that before
is because everybody in the world but me already knew it! Still, if
something can be done with CSS without adding JS, wouldn't that be
desirable, at least in principle?

Is there a way to have javascript enhancements for NS4 but hide them from
"newer" browsers? Sort of the inverse of hiding CSS from "older"
browsers.

You could do browser sniffing and only perform certain Javascript if the
browser is NS4. However, you really would be much better off abandoning
efforts to try and make NS4 render like modern browsers do. If you code
your site semantically correct, then NS4 should degrade to something that is
at least usable. In fact, I would suggest that you don't even try to use
CSS in NS4 (use @import to include your CSS... NS4 does not support @import,
so no CSS would be rendered). NS4 is an evil, evil beast.

Regards,
Peter Foti

[John C]

On Mon, 13 Oct 2003 Peter Foti posted:

"John C" <jc****@delete. email.com> wrote in message
news:MP******** *************** *@news.sunflowe r.com...

Is there a way to have javascript enhancements for NS4 but hide them from
"newer" browsers? Sort of the inverse of hiding CSS from "older"
browsers.

You could do browser sniffing and only perform certain Javascript if the
browser is NS4. However, you really would be much better off abandoning
efforts to try and make NS4 render like modern browsers do. If you code
your site semantically correct, then NS4 should degrade to something that is
at least usable. In fact, I would suggest that you don't even try to use
CSS in NS4 (use @import to include your CSS... NS4 does not support @import,
so no CSS would be rendered). NS4 is an evil, evil beast.

Hello, Peter. Actually, I've been having pretty good luck with CSS in
NS4. For example, see <http://www.jchap.com/steve>, a css 3-column layout
with header and footer. The only thing seriously amiss when viewed in NS4
is the menu rollovers. This was something I did strictly for css
practice, to see if I could use css to duplicate the appearance of
<http://www.fieldapps.c om> which uses table layout and lots of js and
non-validating html. IE5, however, really makes me wanna pull my hair
out! But I think I finally got it to play along, too.

--
John C