PDA

View Full Version : Problems with correct Placement and "v" - Chrome CSS Drop Down Menu (v2.0)



daze
10-18-2006, 05:44 PM
1) Script Title: Chrome CSS Drop Down Menu (v2.0)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem:
IE: The Menue is not in the correct placement. About 10pixels to far left.
FFox: The Menue shows the letter "v" as a placeholder(?)

check the preview:
frame:
http://www.huelsmann-bau.com/aaa_preview/index.htm

the files:
top:
http://www.huelsmann-bau.com/aaa_preview/top.htm
content (with the menue):
http://www.huelsmann-bau.com/aaa_preview/content.htm
scrpits:
http://www.huelsmann-bau.com/aaa_preview/css/chrometheme/chromestyle.css

please answer here or mail:
daze@daze.de
Thank you 4 ya help!

ddadmin
10-18-2006, 10:29 PM
Hi;
Regarding the "v', it's actually normal, and is a feature that appears in Firefox/Opera 8 to indicate that this menu item contains sub menus. You can remove this by removing this part of the .css file:


.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

Regarding the 10px offset, unfortunately this is just due to the way the CSS renders the menu, and occurs on the DD demo page as well. Specifically, the submenus are horizontally aligned to the activating link itself, not the menu item containing the link. Since the link is slightly smaller than the menu item container, the submenu that aligns to the former appears slightly offset to the right.

daze
10-18-2006, 11:04 PM
Hey!
thanks for "clearing" the "v"... i will try that.

if i understand u correctly: there is no way to fix the 10px offset in that menue - or is there?
(sorry, i am from germany - not fluent in english-programming-chat)

thanks again!

ddadmin
10-18-2006, 11:07 PM
Well, you could always edit the script to manually have it offset to the left a few pixels, by editing the line:


this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")-10+"px"

Change "10" to your desired number.