Help - Search - Members - Calendar
Full Version: Pull-down Menu
Movable Type Community Forum > Additional Resources > Tips and Tricks
erinjade
I followed the trick for the pull-down menu for archive listings in this post and it worked out well. You can see it on the sidebar here.

But, as you can see, the text doesn't show up unless you scroll over it. Is there something in the CSS to change this or is it in the javascript? I am afraid to say that I am javascript illiterate.

Thanks!
arvind
That is happening because of your CSS. You will either need to change the color: property for the select like so
CODE
input,  checkbox, textarea, select {
font-family: arial, sans-serif;
color:#000;
text-align: left;
margin-bottom: 2px;
border:1px solid #FFE0B8;
font-size:12px;
font-weight: bold;
background-color:#FFFAF3;
background-image: url(http://blog.erinblog.com/images/site/brownbubbles/formbkgrnd.gif);
background-repeat: repeat;
}
or set a class for the select like so
CODE
<select class="monthlyarchives">
and style that like so
CODE
.monthlyarchives {color:#000;}


Hope that helps smile.gif
erinjade
I apologize for the late reply but I just saw this today. I opted to set the archive pull-down menu as a class because I was afraid to throw off anything else. I'd rather have slightly extraneous coding instead of jacked up coding. wink.gif

It worked perfectly. Thanks, Arvind!
erinjade
Just thought I'd add an update to this for anyone who wants to use this in the future.

As I mentioned, I created a class for the pull-down archive menu but suddenly was receiving two pull-down menus, one of which was functioning but not complying to the class's CSS.

I deleted the class setting and just used the settings for it in the "input, checkbox, textarea, select" div. That resolved the problem!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.