[Targon]

Hi there, i have my own customized Style Sheet i have used for years, for reasons i needed bother go into at this time.

I have a few issues with certain web sites i visit concerning JavaScript drop down menus when using my Style.


• Issue 1. Misaligned JavaScript drop down menus (most likely font sizing in my CSS is causing the issue but im sure there is a way around it.)

If u look at the following image you will notice I circled in red the 'Help' menu. I also created a large circle around the actual dropped down menu as well. Notice how the Dropped down menu is shifted further to the right from where 'Help' is? This is not the correct behavior.

http://users.bigpond.net.au/targon/H...TYLE_SHEET.pdf


The following image was taken with my Style Sheet Disabled, thus the web page's Font style and size is displayed. As you will observe, the dropped down menu is directly UNDER the menu item 'Help' circled in Red. At the bottom of this post i will paste in my Style Sheet code.

http://users.bigpond.net.au/targon/H...e_NO_SHEET.pdf


• Issue 2. Drop down menu is Translucent and thus difficult to see. The following image displays the dropped down menu, actually the sub menu opens to the right of the orange menus. This sub menu is circled in red, as u can see it is translucent and the text in this sub menu is superimposed over the text in the main body of the website, this text obstruction makes it difficult to read.

http://users.bigpond.net.au/targon/J...t_MY_SHEET.pdf


The following image was taken with the Style Sheet Disabled. As you can see the same menu is circled in red. The menu has a solid pinky color which masks the main body text witch results in being able to clearly read the text int he menu.


http://users.bigpond.net.au/targon/JS_Menu_NO_SHEET.pdf


My Style Sheet Code
----------------------------------------------------------------------------------------------------------------------------

html, body, * {
font-family: Techno !important;
font-size: 10px !important;
font-weight: normal !important;
}
pre {
font-family: Techno !important;
}
a:visited, a:visited:hover, a:link:active {
color: purple !important;
}
a:link, a:visited, a:hover, a:active {
text-decoration: underline !important;
background-color: inherit !important;
}

---------------------------------------------------------------------------------------------------------------------------

Perhaps some clever person has a few ideas on amending this code which will help display these dropped down javascript menus correctly in both alignment and color whilst still displaying my font type and size.

Thanks in advance

[skalie]

Is this a browser issue thing? ( haven't opened any pdf's)

Comment... that "!important" syntax you're using, why?...

.....only time I've seen it used is to do a IE hack

Furthermore, whatever happened to thet concept of 'font-family"?

What did you use to generate the css in the first place, btw, or did you hand-code it?

[Super Mario]

He's using Techno !important to forcefully override any other stylesheet. Also, he wants it to override in html and body. Doing that will make it happen in any drop down menus too.

If he must insist on using his own stylesheet the best I can think is reduce it to paragraphs and links and live with the websites font definition for everything else, something like:

p a {
font-family: Techno !important;
font-size: 10px !important;
font-weight: normal !important;
}

a:visited, a:visited:hover, a:link:active {
color: purple !important;
}

a:link, a:visited, a:hover, a:active {
text-decoration: underline !important;
background-color: inherit !important;
}