Pop Up when mouse pointer is over the menu item using

This is a discussion on "Pop Up when mouse pointer is over the menu item using" within the Web Page Design section. This forum, and the thread "Pop Up when mouse pointer is over the menu item using are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jul 28th, 2006, 12:31
New Member
Join Date: Jul 2006
Location: india
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Pop Up when mouse pointer is over the menu item using

HI , pls help me on how to pop up new sub-menu when mouse pointer is hover on menu-item . Can it be done using css . If yes, help out?
Reply With Quote

  #2 (permalink)  
Old Jul 28th, 2006, 13:03
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Posts: 2,020
Blog Entries: 1
Thanks: 0
Thanked 33 Times in 33 Posts
Re: Pop Up when mouse pointer is over the menu item using

Yes it can be done with CSS.

You would use the psuedo class :hover on an li element but IE won't understand this without an additional .htc file or javascript. You may want to read this article which explains in detail the "Suckerfish Dropdown" menu system which to date is perhaps one of the best constructed css menu systems.

http://www.alistapart.com/articles/dropdowns

You can also see the css menu's in action here http://www.htmldog.com/articles/suckerfish/example/
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #3 (permalink)  
Old Jul 28th, 2006, 15:33
New Member
Join Date: Jul 2006
Location: india
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Pop Up when mouse pointer is over the menu item using

HI moojoo,
thanks for the code,

but it is not displaying drop-d0wn box on mouse oner, giving memory over error ....


Can u send fuly functional code for the concern topic...
Reply With Quote
  #4 (permalink)  
Old Jul 28th, 2006, 15:40
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Posts: 2,020
Blog Entries: 1
Thanks: 0
Thanked 33 Times in 33 Posts
Re: Pop Up when mouse pointer is over the menu item using

Read the article I posted. It walks you through step by step and provides all the code.
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #5 (permalink)  
Old Jul 30th, 2006, 14:08
New Member
Join Date: Jul 2004
Location: Olympic Penninsula WA
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Pop Up when mouse pointer is over the menu item using

This site is still being worked on, but
I have the menu finished. NOT all
the links go anywhere, but at least
you can see the menu drop-down.

It is totally 100% CSS - no Javascript
or special files.

It consists of 2 separate style sheets.
One for NORMAL (LOL) Browsers, and
one for NOT_SO_NORMAL IE.

http://nutrition2success.com

captur3
Reply With Quote
  #6 (permalink)  
Old Jul 31st, 2006, 13:21
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Posts: 2,020
Blog Entries: 1
Thanks: 0
Thanked 33 Times in 33 Posts
Re: Pop Up when mouse pointer is over the menu item using

IE sux. CSS menu's are the best though, only js needed is for IE specifics but regardless if you can pull it off with no js excellent! I need to put together a css/xhtml only menu system for myself.
__________________
I hate IE 6. Just sayin....
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #7 (permalink)  
Old Jul 31st, 2006, 13:56
New Member
Join Date: Jul 2006
Location: india
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Pop Up when mouse pointer is over the menu item using

Quote:
Originally Posted by capture View Post
This site is still being worked on, but
I have the menu finished. NOT all
the links go anywhere, but at least
you can see the menu drop-down.

It is totally 100% CSS - no Javascript
or special files.

It consists of 2 separate style sheets.
One for NORMAL (LOL) Browsers, and
one for NOT_SO_NORMAL IE.

http://nutrition2success.com

captur3


hey wat about those 2 separate style sheets , can u send that to me?
Reply With Quote
  #8 (permalink)  
Old Jul 31st, 2006, 13:56
New Member
Join Date: Jul 2006
Location: india
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Pop Up when mouse pointer is over the menu item using

hey wat about those 2 separate style sheets , can u send that to me??
Help out?
Reply With Quote
  #9 (permalink)  
Old Jul 31st, 2006, 13:58
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Posts: 2,020
Blog Entries: 1
Thanks: 0
Thanked 33 Times in 33 Posts
Re: Pop Up when mouse pointer is over the menu item using

It is common practice to have a style sheet for IE hacks etc. It just keeps your primary CSS leaner and its easier to manage.

Quote:
Originally Posted by sarang.kahu View Post
hey wat about those 2 separate style sheets , can u send that to me??
Help out?
__________________
I hate IE 6. Just sayin....
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
Reply

Tags
pop, mouse, pointer, menu, item, using

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Pointer domains and redirects Preston Hosting & Domains 7 Oct 11th, 2007 06:47
onMouseOver <div> pops up next to mouse pointer - HOW? Love2Java JavaScript Forum 17 Aug 1st, 2007 19:42
Helpcreating an item CDurgut Flash & Multimedia Forum 5 Jul 1st, 2007 19:49
Changing Mouse pointer to Custom Image mdsmeck Web Page Design 1 Mar 30th, 2006 15:28
source item in view menu Cor Web Page Design 2 Aug 15th, 2003 22:49


All times are GMT. The time now is 09:07.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43