Web Hosting Talk







View Full Version : Javascript dropdown menu help.


voidix
08-06-2004, 03:49 AM
Hello,

I am trying to add a javascript dropdown help menu to a website builder script, but am having some problems. The dropdown menu works fine on some pages, but on others the text gets messed up. I am not sure why this is happening, so if anyone can help out that would be great. You can view the dropdown menu by logging in here: http://www.makequick.com/demo.html with

username: testing
password: testing

and then clicking on the "website_test" link. When you first enter the builder you will see that the menu is working fine, but if you click on the "Enter Website Manager" icon, the text on the menu gets bigger, and causes layout problems. Please tell me what you think, I am really bad at coding :-/

voidix
08-06-2004, 03:59 PM
anyone have any ideas?

cenvo
08-06-2004, 05:44 PM
Hi,

In the site manager page you have the following block of code at two places

<STYLE>
A.link:link {
FONT: bold 10px verdana; COLOR: #ffffff; TEXT-DECORATION: none
}
A.link:visited {
FONT: bold 10px verdana; COLOR: #ffffff; TEXT-DECORATION: none
}
A.link:hover {
FONT: bold 10px verdana; COLOR: #ffffff; TEXT-DECORATION: none
}
TD {
FONT: 13px arial; COLOR: #000000
}
TD.link {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; CURSOR: hand; PADDING-TOP: 2px
}
FONT.divider {
FONT: 12px Arial; COLOR: #225533
}
DIV.body {
FONT: 14px arial; COLOR: #000000
}
A:link {
COLOR: #0000cc
}
A:visited {
COLOR: #990099
}
A:hover {
COLOR: #cc0000
}
</STYLE>



In this block you are defining Text in TD to be 13px arial, removing the following block should resolve the issue.

TD {
FONT: 13px arial; COLOR: #000000
}

Hope this helps.

Rai

voidix
08-06-2004, 10:00 PM
awsome, thanks. :) That fixed the problem.

dolphins39
08-07-2004, 09:26 PM
I found a really good one that you can just download. ULTIMATE DROP DOWN MENU Version 4.2. Just google it.