«

<a href="...">Link</a>
<br>
<div id="submeny">
Some text....
</div>

a:hover
{
color : #000;
background : #ccc;
}

#submeny
{
display : none;
}

How can I show the submeny when the link is hover-over and then hide it
again when the mouse is not hovering over the link if you know what I mean ?
The submeny should only be shown when mouse cursor is over the link.

On Wed, 12 Nov 2003 23:40:25 +0100, "earl" <> wrote:

: <a href="...">Link</a>
: <br>
: <div id="submeny">
: Some text....
: </div>
:
: a:hover
: {
: color : #000;
: background : #ccc;
: }
:
: #submeny
: {
: display : none;
: }
:
: How can I show the submeny when the link is hover-over and then hide it
: again when the mouse is not hovering over the link if you know what I mean ?
: The submeny should only be shown when mouse cursor is over the link.
:


This is a job for Javascript, not a:hover
http://javascript.internet.com/

Sid

"Sid Ismail" <> wrote in message
news:...
> On Wed, 12 Nov 2003 23:40:25 +0100, "earl" <> wrote:
>
> : <a href="...">Link</a>
> : <br>
> : <div id="submeny">
> : Some text....
> : </div>
> :
> : a:hover
> : {
> : color : #000;
> : background : #ccc;
> : }
> :
> : #submeny
> : {
> : display : none;
> : }
> :
> : How can I show the submeny when the link is hover-over and then hide it
> : again when the mouse is not hovering over the link if you know what I
mean ?
> : The submeny should only be shown when mouse cursor is over the link.
> :
>
>
> This is a job for Javascript, not a:hover
> http://javascript.internet.com/
>
> Sid
>

Thanks for your reply.

Think I've seen this done before using css but cant find it, I could
obviously be wrong.

Hi earl,

[Thu, 13 Nov 2003 00:39:27 +0100/earl]
> > : How can I show the submeny when the link is hover-over and then hide it
> > : again when the mouse is not hovering over the link if you know what I
> mean ?
> > : The submeny should only be shown when mouse cursor is over the link.
> > :
> >
> >
> > This is a job for Javascript, not a:hover
> > http://javascript.internet.com/
> >
> > Sid
> >
>
> Thanks for your reply.
>
> Think I've seen this done before using css but cant find it, I could
> obviously be wrong.

Nope, it is possible, but doesn't work in all browser. Would not
yet use this these days. (afaicr opera6/IE6 had some positional
probs with it)

The thing is to use a positioned <span> inside the a-tag, hide it
per default and display:block it during hovering.

HTH
regs
michael

earl wrote:

> How can I show the submeny when the link is hover-over and then hide it
> again when the mouse is not hovering over the link if you know what I mean ?
> The submeny should only be shown when mouse cursor is over the link.

Here's a start - works for gecko based browsers, but not for ie, nor for
opera 6 - don't know about later operas.

http://www.meyerweb.com/eric/css/edge/menus/demo.html

Ste W

Sometime around Thu, 13 Nov 2003 01:15:41 +0000 (UTC), SteW is reported to
have stated:
>
> Here's a start - works for gecko based browsers, but not for ie, nor for
> opera 6 - don't know about later operas.
>
> http://www.meyerweb.com/eric/css/edge/menus/demo.html

Works but is a bit buggy in O7.21.

--
Mark Parnell
http://www.clarkecomputers.com.au

SteW <> wrote in
news:boulvt$12t$:

> Here's a start - works for gecko based browsers, but not for ie, nor
> for opera 6 - don't know about later operas.
>
> http://www.meyerweb.com/eric/css/edge/menus/demo.html

It works, but not reliably, on Opera 7.21. Sometimes the popup won't
appear, but leaving the link and coming back to it will make it appear. It
almost looks like a z-order problem of some sort (the link itself will
always expand, but sometimes the popup appears to be hidden underneath the
main text).