View Full Version : Glossy Accordion Menu submenu flicker on close

08-10-2009, 06:55 PM
1) Script Title: Glossy Accordion Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm?submenuheader=0

3) Describe problem: when i toggle the menu closed, the submenus flicker as they close.

08-10-2009, 09:21 PM
Does this happen in a certain browser (such as IE)? Does your page contain a valid doctype (http://www.javascriptkit.com/howto/doctype.shtml) at the very top?

08-11-2009, 02:17 PM
transitional doctype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

and this is happening in IE7; this is for our intranet so everyone is using that.

thank you.

08-11-2009, 06:36 PM

i posted the page here. as you can see it is a work in progress. i also notice that the colors of the main menu items don't change correclty.

is this because i changed the css?

thanks again

08-12-2009, 04:48 AM
The doctype needs to appear at the very top of your page in order to be recognized in IE. Right now you have a comment tag there instead:

<!-- column widths 168+10+20; 411+20+20; 146+20+20;130+20+10; total width 995-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

08-12-2009, 12:45 PM
thanks. but no dice. that didn't change the main menu item from flickering when you opened another.

08-12-2009, 12:52 PM
guess what? I changed it to what you have in your code and it works!!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">

thanks so much!

08-12-2009, 07:38 PM

boy, am i feeling dumb. when i use this

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

the accordion works great. But i lose the ability to center the table. I'm so confused.

08-13-2009, 06:07 AM
How are you centering your table (ie: use of which tag or CSS property)? FYI a valid doctype will usually break non compliant HTML code, and is probably why you're experiencing issues with your page's formatting.