Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

making an invisible div element visible on mouse hover

1 view
Skip to first unread message

emekadavid

unread,
Dec 22, 2009, 1:06:13 PM12/22/09
to
How can one write website styles for making an invisible div element
with
child nodes visible. Like, when the mouse hovers a navigation item, a
box
appears below it and well positioned too. You can see an example, for
example, at the verisign site: www.verisign.com, just hove the mouse
over
any of the navigation items at the header.
Can anyone please help me.
xnt

--
ich bin ein berliner

Ed Mullen

unread,
Dec 22, 2009, 1:11:03 PM12/22/09
to

Let me Google that for you ...

http://lmgtfy.com/?q=css+drop+down+menus

Also, a simplified example ...

http://edmullen.net/menu_example.php

--
Ed Mullen
http://edmullen.net
Why are there 5 syllables in the word monosyllabic?

Gus Richter

unread,
Dec 22, 2009, 1:29:40 PM12/22/09
to

The example at verisign.com is done with javascript.
The example at edmullen.net is done with css.

--
Gus
ich nicht

Ed Mullen

unread,
Dec 22, 2009, 2:37:32 PM12/22/09
to

Good point, Gus. I didn't even look to see how the Verisign site
implemented the menus.

For the OP: The obvious problem making a menu system dependent on
javascript is that any user can disable it in their browser. If you're
going to use drop-down menus make them pure CSS.

--
Ed Mullen
http://edmullen.net

Law of Probability Dispersal: Whatever it is that hits the fan will not
be evenly distributed.

Mark Hansen

unread,
Dec 22, 2009, 2:39:22 PM12/22/09
to
On 12/22/2009 11:37 AM, Ed Mullen wrote:
> Gus Richter wrote:
>> On 12/22/2009 1:06 PM, emekadavid wrote:
>>> How can one write website styles for making an invisible div element
>>> with
>>> child nodes visible. Like, when the mouse hovers a navigation item, a
>>> box
>>> appears below it and well positioned too. You can see an example, for
>>> example, at the verisign site: www.verisign.com, just hove the mouse
>>> over
>>> any of the navigation items at the header.
>>> Can anyone please help me.
>>> xnt
>>>
>>> --
>>> ich bin ein berliner
>>>
>>
>> The example at verisign.com is done with javascript.
>> The example at edmullen.net is done with css.
>>
>
> Good point, Gus. I didn't even look to see how the Verisign site
> implemented the menus.
>
> For the OP: The obvious problem making a menu system dependent on
> javascript is that any user can disable it in their browser. If you're
> going to use drop-down menus make them pure CSS.
>

Of course, users can disable CSS as well. Best to have a fall-back
in either case.

Jonathan N. Little

unread,
Dec 22, 2009, 4:00:41 PM12/22/09
to
Mark Hansen wrote:

> Of course, users can disable CSS as well. Best to have a fall-back
> in either case.

Generally with a CSS menu when CSS is disabled all the links become
visible so navigation is not lost. Not always the case with JavaScript

--
Take care,

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

0 new messages