Rollover menu?

Can a rolloever menu be done using only CSS, without javascript?

Le 11/08/2003 20:37, Mr. Clean a écrit :

Can a rolloever menu be done using only CSS, without javascript?

Yes, but it won't work in IE. There are examples in meyerweb.com

Pascal

--
FAQ Mozilla/Netscape 7 en français : http://pascal.chevrel.free.fr/
Drag me, drop me, treat me like an object

In article <3f37e2ef$0$1127$626a54ce (AT) news (DOT) free.fr>,
pascal.chevrel_nospam_ (AT) free (DOT) fr says...

Le 11/08/2003 20:37, Mr. Clean a écrit :

Can a rolloever menu be done using only CSS, without javascript?

Yes, but it won't work in IE. There are examples in meyerweb.com

What makes them NOT work in IE?

Le 11/08/2003 20:43, Mr. Clean a écrit :

In article <3f37e2ef$0$1127$626a54ce (AT) news (DOT) free.fr>,
pascal.chevrel_nospam_ (AT) free (DOT) fr says...

Le 11/08/2003 20:37, Mr. Clean a écrit :


Can a rolloever menu be done using only CSS, without javascript?

Yes, but it won't work in IE. There are examples in meyerweb.com



What makes them NOT work in IE?

The fact that IE doesn't support :hover on anything else but links I guess.

Pascal


--
FAQ Mozilla/Netscape 7 en français : http://pascal.chevrel.free.fr/
Drag me, drop me, treat me like an object

Hi Mr Clean,

Mr. Clean asked:

Can a rolloever menu be done using only CSS, without javascript?

This link says yes...
http://www.meyerweb.com/eric/css/edge/popups/demo.html

Hope this helps.
Neil

On Mon, 11 Aug 2003 18:49:30 GMT, Mr. Clean
<mrclean (AT) protctorandgamble (DOT) com> wrote:

What makes them NOT work in IE?

The fact that IE doesn't support :hover on anything else but links I guess.


Well, shit, I wanted to get rid of js for good

Why? To cater to the small percentage who turn off one of the major
features of the modern web because they're paranoid? They're not worth
it.

Hi William,

Well, shit, I wanted to get rid of js for good

Why? To cater to the small percentage who turn off one of the major
features of the modern web because they're paranoid? They're not worth
it.

To many people a web page's rollover image is about as useful as a wheelie
bin saying thanks when you chuck your junk in. It's kinda funky once or
twice.

The problem is worse than that. Badly scripted JavaScript menus and content
deny many people access to a website's content. (Not only JavaScripted,
other technologies too.) In Europe, law states that buildings must be made
accessible to everyone. Websites aren't even buildings. Moreover, turning
off JavaScript simply isn't an option for someone who uses a screen reader.
It's just not there. So if the site doesn't work without JavaScript, it
doesn't work. Essentially, the site does not exist.

The idea that some buggy come virus paranoia is the main reason for
JavaScript caution (on the part of developers or users) is simply wrong.
It's about much more than that. And you either give a damn, or you don't.
Thankfully, it appears that those who create the Internet environment, in
which you play, do give a hell of a damn.

Best regards,
Neil

P.S. For what it's worth, I happen to love kicking back on the Web looking
at amazing DHTML stuff, and laughing at DHTML/Flash recreations of old, old
games, even playing the new games. One day, I'll beat my darn kids. But, fun
as all that is for me as a fully abled person, that's not the point. That is
the point.

William Starr Moake wrote:

I wanted to get rid of js for good


Why? To cater to the small percentage who turn off one of the major
features of the modern web because they're paranoid? They're not worth
it.

I guess because JavaScripts are large monsters with no contextual
semantics and don't go well with the web paradigm.

Mr. Clean wrote:

Can a rolloever menu be done using only CSS, without javascript?

yes - http://williamtasso.com/usenet/logotest.asp

--
William Tasso

The answers you've had so far as "New menu items appear when rolled over".

If you are looking for "Pretty colour change" then see
http://dorward.me.uk/www/hover/

Got your demo and started working on it but having troubles.

I am trying to make this css hover menu:

<style>
/* Navigation bar ************************************************/

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

#navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
border-style: none;
}

#navMenu li a, #navbar li span {
text-decoration: none;
display: block;
padding: 0.5ex 0.5ex 0.5ex 0.5ex;
margin: 0;
border-bottom: 0.1ex solid #cc9966;
border-right-width: 1ex;
width: 100%;
height: 100%;
}

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: #fffs;
}

#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: solid;
background-color: #f0e0c8;
color: 996633;
}

#navMenu a:hover {
border-right-color: #cc9966;
border-right-style: solid;
}

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

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

#navMenu ul {
/* margin-left: 1.5em;*/
}

</style>


<div id="navbar" class="menu">
<ul id="navMenu">
<li><a href="tables.html" title="Tables" accesskey="T">Tables</a></li>
<li><a href="bedrooms.html" title="Bedrooms" accesskey="B">Bedrooms</a>
</li>
<li><a href="entert.html" title="Entertainment Centers">Entertainment
Centers</a></li>
<li><a href="office.html" title="Office">Office</a></li>
<li><a href="quilts.html" title="Quilts">Quilts</a></li>
<li><a href="gifts.html" title="Gifts & Food">Gifts &amp; Food</a></li>
</ul>
</div>


look like this image:http://64.191.18.27/~austin1/js_menu.gif

Can it be done?