Go Back   Ultimate Web Site Drop Down Menu Forum > UDM4 > Troubleshooting
Reload this Page Browser Reports - Chrome, FF3 and IE8
Register FAQ Members List Calendar Today's Posts

Reply
 
Thread Tools Display Modes
Unread 10-17-2008, 04:16 PM
gintsoftware
Posts: n/a
  #1  
Default IE8 problems with all-image horizontal menu
Hi,

Our site uses UDM all-image horizontal menus on most pages (here's an example: http://www.gintsoftware.com/upgrades.html). In IE8 they end up displaying almost vertically. Any thoughts?

I inherited this site from the person who set it up, and I've only had to do minor tweaks to the menus so I don't know a lot about the configuration. If you tell me what kind of info would be helpful.

Thanks

Janie
gINT Software
Reply With Quote
Unread 10-20-2008, 06:53 PM
chrisw chrisw is offline
Junior Member
Join Date: Oct 2008
Posts: 7
  #2  
Default Display issues w/FF 3.x
http://www.qualishealth.org/

Code:
// UDMv4.3 //
/***************************************************************/
var um=new Object;um.menuClasses=[],um.itemClasses=[],um.menuCode=[];
/***************************************************************\

  ULTIMATE DROP DOWN MENU Version 4.3 by Brothercake
  http://www.udm4.com/
  
  This script may not be used or distributed without license

\***************************************************************/


/***************************************************************\
 * CORE CONFIGURATION
\***************************************************************/


//path to images folder 
um.baseSRC = "js/udm4/udm-resources/";


//navbar orientation
um.orientation = [
	"horizontal",	// alignment ["vertical"|"horizontal"|"popup"]
	"left",		// h align ["left"|"right"|"rtl"]
	"top",		// v align ["top"|"bottom"]
	"relative",	// positioning ["relative"|"absolute"|"fixed"|"allfixed"]
	"0",		// x position ["em"|"ex"|"px"|"0"]
	"0",		// y position ["em"|"ex"|"px"|"0"]
	"0",		// z order ["0" to "10000"] (menu takes 20000 headroom)
	];
	

//navbar list output
um.list = [
	"flexible",	// horizontal overflow ["rigid"|"flexible"]
	"yes",		// show menus to IE-based screenreaders ["yes"|"no"]
	"yes",		// hide static menus for netscape 4 ["yes"|"no"]
	];


//menu behaviors	
um.behaviors = [
	"200",		// open timer ["milliseconds"|"0"]
	"500",		// close timer ["milliseconds"|"never"|"0"]
	"yes",		// reposition menus to stay inside the viewport ["yes"|"no"]
	"default",	// manage windowed controls for win/ie ["default","hide","iframe","none"]
	];


//reset behaviors
um.reset = [
	"yes",		// reset from do***ent mouse click ["yes"|"no"]
	"yes",		// reset from window resize ["yes"|"no"]
	"yes",		// reset from text resize ["yes"|"no"]
	];


//horizontal continuation strip
um.hstrip = [
	"none",		// background ["color"|"#hex"|"rgb()"|"image.gif"|"none"]
	"yes",		// copy item margin-right to margin-bottom ["yes"|"no"]
	];
	
	
/***************************************************************\
 * MODULE SETTINGS
\***************************************************************/


//keyboard navigation
um.keys = [
	"38",		// up ["n"] ("38" = up arrow key)
	"39",		// right ["n"] ("39" = right arrow key)
	"40",		// down ["n"] ("40" = down arrow key)
	"37",		// left ["n"] ("37" = left arrow key)
	"123",		// hotkey ["n"] ("123" = F12)
	"none",		// hotkey modifier ["none"|"shiftKey"|"ctrlKey"|"altKey"]
	"27",		// escape ["n"|"none"] ("27" = escape key)
	"do***ent.getElementsByTagName('a')[5]", // exit focus ["js-expression"]
	];


/***************************************************************\
 * NAVBAR DEFAULT STYLES
\***************************************************************/


//styles which apply to the navbar
um.navbar = [
	"0",		// nav to menu x-offset (+-)["n" pixels]
	"3",	// nav to menu y-offset (+-)["n" pixels]
	"7.5em",	// width ["em"|"ex"|"px"] (vertical navbar only - horizontal navbar items have "auto" width) ("%" doesn't work right) 
	];


//styles which apply to each navbar item
um.items = [
	"0",		// margin between items ["n" pixels]
	"0",		// border size ["n" pixels] (single value only)
	"collapse",	// border collapse ["collapse"|"separate"] (only applies when margin = "0")
	"",// border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"",// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"",	// hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"",// visited border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"",// visited border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"6",		// left/right padding ["n" pixels] (single value only)
	"3",		// top/bottom padding ["n" pixels] (single value only)
	"",// background ["color"|"#hex"|"rgb()"|"image.gif"]
	"",// hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]
	"",// visited background ["color"|"#hex"|"rgb()"|"image.gif"]
	"9px",		// font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"]
	"verdana,sans-serif",// font family ["font1,font2,font3"] (always end with a generic family name)
	"bold",		// font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
	"none",		// text decoration ["none"|"underline"|"overline"|"line-through"]
	"left",		// text-align ["left"|"right"|"center"]
	"#ffffff",	// color ["color"|"#hex"|"rgb()"]
	"#ffffff",	// hover/focus color ["color"|"#hex"|"rgb()"]
	"#ffffff",	// visited color ["color"|"#hex"|"rgb()"]
	"normal",	// font-style ["normal"|"italic"|"oblique"]
	"normal",	// hover/focus font-style ["normal"|"italic"|"oblique"]
	"normal",	// visited font-style ["normal"|"italic"|"oblique"]
	"",// additional link CSS (careful!)
	"",// additional hover/focus CSS (careful!)
	"",// additional visited CSS (careful!)
	"",// menu indicator character/image ["text"|"image.gif"|"none"] 
	"",// menu indicator rollover image ["image.gif"|"none"] (only when using image arrows)
	"10",		// clipping width of indicator image ["n" pixels] (only when using image arrows)
	"..",		// alt text of indicator image ["text"] (only when using image arrows)
	];


/***************************************************************\
 * MENU DEFAULT STYLES
\***************************************************************/


//styles which apply to each menu
um.menus = [
	"0",		// menu to menu x-offset (+-)["n" pixels]
	"0",		// menu to menu y-offset (+-)["n" pixels]
	"0",		// border size ["n" pixels] (single value only) 
	"",// border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"140px",	// width ["em"|"ex"|"px"]
	"0",		// padding ["n" pixels] (single value only) 
	"#0066B7",	// background ["color"|"#hex"|"rgb()"|"image.gif"]
	"",		// additional menu CSS (careful!) (you can use a transition here but *not* a static filter)
	"",// shadow background ["color"|"#hex"|"rgb()"|"image.gif"|"none"]
	"",		// shadow offset (+-)["em"|"ex"|"px"|"%"|"0"]
	"",// additional shadow layer CSS (if you use a Microsoft.Shadow filter here then Win/IE5.5+ will do that *instead* of default shadow)
	];


//styles which apply to each menu item
um.menuItems = [
	"0",		// margin around items ["n" pixels] (single value only; margins are like table cellspacing)
	"0",		// border size ["n" pixels] (single value only)
	"collapse",	// border collapse ["collapse"|"separate"] (only applies when margin = "0")
	"#666666",	// border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#666666",		// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid",	// hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#666666",	// visited border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid",	// visited border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"5",		// left/right padding ["n" pixels] (single value only) 
	"3",		// top/bottom padding ["n" pixels] (single value only) 
	"#0066B7",	// background ["color"|"#hex"|"rgb()"|"image.gif"]
	"#ececec",	// hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]
	"#0066B7",	// visited background ["color"|"#hex"|"rgb()"|"image.gif"]
	"9px",		// font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"]
	"verdana,sans-serif",// font family ["font1,font2,font3"] (always end with a generic family name)
	"normal",	// font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
	"none",		// text decoration ["none"|"underline"|"overline"|"line-through"]
	"left",		// text-align ["left"|"right"|"center"]
	"#ffffff",		// color ["color"|"#hex"|"rgb()"]
	"#333333",		// hover/focus color ["color"|"#hex"|"rgb()"]
	"#ffffff",		// visited color ["color"|"#hex"|"rgb()"]
	"normal",	// font-style ["normal"|"italic"|"oblique"]
	"normal",	// hover/focus font-style ["normal"|"italic"|"oblique"]
	"normal",	// visited font-style ["normal"|"italic"|"oblique"]
	"",		// additional link CSS (careful!)
	"",		// additional hover/focus CSS (careful!)
	"",		// additional visited CSS (careful!)
	"»",// menu indicator character/image ["text"|"image.gif"|"none"] 
	"»",// menu indicator rollover image ["image.gif"|"none"] (only when using image arrows)
	"10",		// clipping width of indicator image ["n" pixels] (only when using image arrows)
	"..",		// alt text of indicator image ["text"] (only when using image arrows)
	];


/***************************************************************\
 * MENU CLASSES
\***************************************************************/





/***************************************************************\
 * DYNAMIC MENUS
\***************************************************************/




	
/***************************************************************\
\***************************************************************/
Last edited by chrisw : 10-20-2008 at 06:57 PM.
Reply With Quote
Unread 12-02-2008, 09:41 PM
GabrielP GabrielP is offline
Junior Member
Join Date: Jan 2008
Location: Argentina
Posts: 7
  #3  
Exclamation
Hi,

I upgraded my UDM 4.45 to 4.52 by regenerating CSS in udm-style.css (with the new CSS generator), and uploading this file along with udm-dom.js, udm-style.js and udm-control.js (I checked the nitty-gritty).

Anyway, the latest versions of Chrome and Safari DON't show the submenus on my website. In other words, nothing has been fixed for me.

Firefox and IE 7 seem to work so well as always.

My feedback.

Keep it up!
__________________
Gabriel Pradiipaka

Cofounder
"Sanskrit & Sánscrito"
www.sanskrit-sanscrito.com
www.sanskrit-sanscrito.com.ar
Reply With Quote
Unread 12-10-2008, 02:52 PM
taxi taxi is offline
Junior Member
Join Date: Dec 2008
Posts: 1
  #4  
Default Breaks in IE8
IE8 Beta 2 breaks my horizontal udm nav, badly

Edit Update:

The problem does not seem to occur in IE8 Beta 3 RC 1
Last edited by taxi : 02-03-2009 at 09:31 AM.
Reply With Quote
Unread 12-15-2008, 09:43 AM
GabrielP GabrielP is offline
Junior Member
Join Date: Jan 2008
Location: Argentina
Posts: 7
  #5  
Default
I installed the latest version of Google Chrome, which is not beta anymore... the same problems: no submenu is shown.

Well, I hope some day someone will fix this.
__________________
Gabriel Pradiipaka

Cofounder
"Sanskrit & Sánscrito"
www.sanskrit-sanscrito.com
www.sanskrit-sanscrito.com.ar
Reply With Quote
Unread 12-29-2008, 08:01 PM
colech colech is offline
Junior Member
Join Date: Nov 2008
Posts: 20
  #6  
Default
I'm having trouble with Safari and Chrome both ignoring li padding plus hover states of the menu. Very strange.

http://www.pinkmatchdesigns.com/store
Reply With Quote
Unread 01-07-2009, 05:44 AM
colech colech is offline
Junior Member
Join Date: Nov 2008
Posts: 20
  #7  
Default
Quote:
Originally Posted by colech View Post
I'm having trouble with Safari and Chrome both ignoring li padding plus hover states of the menu. Very strange.

http://www.pinkmatchdesigns.com/store
Sorry to reply to my own question, but when I changed to use the JS version of the UDM4 menu instead of the PHP version... it seems to fix the issue. I'm not sure why this is happening, but I will post here again if I figure it out.
__________________
Rapidfyre Inc
Web Development Specialists
Reply With Quote
Unread 03-20-2009, 06:49 AM
GabrielP GabrielP is offline
Junior Member
Join Date: Jan 2008
Location: Argentina
Posts: 7
  #8  
Exclamation
The dropdown menu of my site does not work with IE8 either, except I enable compatibility view
__________________
Gabriel Pradiipaka

Cofounder
"Sanskrit & Sánscrito"
www.sanskrit-sanscrito.com
www.sanskrit-sanscrito.com.ar
Reply With Quote
Unread 10-18-2013, 03:59 PM
design2008 design2008 is offline
Junior Member
Join Date: Jul 2008
Posts: 12
  #9  
Default
Does this support the current version of Chrome?
Reply With Quote
Unread 07-04-2014, 03:09 PM
design2008 design2008 is offline
Junior Member
Join Date: Jul 2008
Posts: 12
  #10  
Default Is UDM4 still an active script? It was awesome!!
Is UDM4 still an active script? It was awesome!!
Reply With Quote
Reply

« Previous Thread | Next Thread »


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 04:01 PM.

Contact Us - UDM4 Forum - Archive - Privacy Statement - Top

Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.