Qustion about Netscape/Macintosh/Dropdown menu/font size

[CitznFish]

Is there any way to make the font size smaller for drop down menu's when viewed on Natscape on a mac? This has to be for Netscape 4.72 on a macintosh. I have tried stylesheets and even calling specifically a font size :

<select name="subscribe" onChange="top.location.href=window.document.changeURL.subscribe.options[window.document.changeURL.subscribe.selectedIndex].value;" size="0" style="font-size: 9px">

It's the selections i think. the little check mark and the extra padding to the right of each selection that is causing me grief. (I think)

now this works for everything EXCEPT Netscape:mad: (4.72 is our minimum requirement) on a Mac. The drop down is greaking the page. the width is 130W but when I add the text to the dropdown it's making it about 150W and the font looks quite a bit bigger than the rest which conforms to my stylesheet.

Any help would be appreciated!

BTW, i searched these forums and on google for about an hour and got nowhere...

TIA!

-cf

[PauletteB]

With Windows system anyhow:

<span class="mystyle"><select name="baselist" size="2" class="mystyle"></select></span>

Redundant attributes is one way I found which will tame Netscape 4.7 and the Select element.
I also a use a monospace family to further control the widths.

[Skyzyx]

First of all, Netscape 4.x has extremely poor CSS support. If you're using CSS to do this, I'd suggest coding for Netscape 4.x as a downlevel browser.

Secondly, Netscape 4.x has messed up font sizes. A standard 9pt font on a Windows machine or Netscape 6+ (Mac) shows up as a 6-7pt font on NS4-Mac (in regular text anyways). You say it's bigger? Well, that would probably be the default font ignoring your CSS attribute.

I'd suggest something like this...

<font size="-2">
<select name="subscribe" onChange="top.location.href=window.document.changeURL.subscribe.options[window.document.changeURL.subscribe.selectedIndex].value;" size="0" style="font-size: 9px">
...
</select>
</font>

[brothercake]

There's a wonderful CSS hack for netscape 4:

p {
font-size:100%;
/*/*/
font-size:80%;
/**/
}

A font-size of 100% is applied to all browsers; then a font size of 80% is applied to all browsers *except* netscape 4 - the end result being that netscape 4 sees a bigger font to everyone else.

That specific example isn't what you wanted, but you get the point, I'm sure.

It works because /*/*/ looks to ns4 (and only ns4) like an unclosed comment; the /**/ counteracts it. Using those two, you can hide any line or block of CSS from netscape 4 :)

[CitznFish]

But this is the font inside the dropdown menu, and it's only on a MAC using netscape. You know how a mac likes to place a little checkmark next to teh selected entry? That's part of the problem. The other problem is it places a cushion around the text that is white space. I am thinking of just splitting the lines and indenting the second line.

[brothercake]

Or allow more space for it ...

[CitznFish]

I tried everyones suggestions and it's not going to work. Splitting the lines for the options asn't going to work either. Since Mac netscape users are an extremely tiny segment of our readership, I am just going to use a Mac netscape detect to comment out the drop down menu, unless someone has a solution that will work. I don't think there is a real work around for this.

[CitznFish]

Originally posted by brothercake
Or allow more space for it ...

can't. It has to fit inside out blue left nav. A redesign of the template is out of the question because it'll affect 30,000 pages and we haven't budgeted the time/money to do that. =/

[CitznFish]

Figured I'd follow up. I now hide the drop down in Mac, netscape.


Works great after i figured out how Netscape treats comment tags withing javascript..

<script language="javascript">
<!-- //
if (navigator.userAgent.indexOf("Mac") != -1 && !(navigator.userAgent.indexOf("MSIE 5.0") != -1) )
{ document.write('<div class="shortcuts"><A HREF="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=http://familyfun.go.com/utilities/global/feature/familyfunmag_aboutmag/familyfunmag_aboutmag.html&name=hp_pulldown_10_MAC_netscpe">FamilyFun Magazine FAQs</A></div><!--'); }
//-->
</script>
<select name="subscribe" onChange="top.location.href=window.document.changeURL.subscribe.options[window.document.changeURL.subscribe.selectedIndex].value;" size="1" style="font-size: 11px">
<option VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=https://w1.buysub.com/servlet/OrdersGateway?cds_mag_code=FAF&cds_page_id=3055&name=hp_pulldown_1">Subscribe Now</option>
<option value=""></option>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=https://w1.buysub.com/servlet/OrdersGateway?cds_mag_code=FAF&cds_page_id=3055&name=hp_pulldown_1">Subscribe Now
</OPTION>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=https://w1.buysub.com/servlet/GiftsGateway?cds_mag_code=FAF&cds_page_id=1943&name=hp_pulldown_2">Gift Subscriptions</OPTION>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=https://w1.buysub.com/servlet/CSGateway?cds_mag_code=FAF&name=hp_pulldown_3">Subscription Help</OPTION>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=http://familyfun.go.com/utilities/global/feature/familyfunmag_adindex/familyfunmag_adindex.html&name=hp_pulldown_4">Ad Index</OPTION>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=http://familyfun.go.com/utilities/global/feature/familyfunmag_store/familyfunmag_store.html&name=hp_pulldown_5">FamilyFun Books</OPTION>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=http://familyfun.go.com/utilities/global/feature/familyfunmag_aboutmag/familyfunmag_aboutmag.html#panel&hp_pulldown_6">Reader Panel</OPTION>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=http://familyfun.go.com/utilities/global/feature/familyfunmag_aboutmag/familyfunmag_aboutmag.html#info&name=hp_pulldown_7">Advertiser Info</OPTION>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=http://familyfun.go.com/utilities/global/feature/familyfunmag_aboutmag/familyfunmag_aboutmag.html#info&name=hp_pulldown_8">Writer's Guide</OPTION>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=http://familyfun.go.com/utilities/global/feature/familyfunmag_aboutmag/familyfunmag_aboutmag.html#info&name=hp_pulldown_9">Media Info</OPTION>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=http://familyfun.go.com/utilities/global/feature/familyfunmag_aboutmag/familyfunmag_aboutmag.html&name=hp_pulldown_10">FAQs</OPTION>
<OPTION VALUE="http://transfer.go.com/cgi/transfer.dll?srvc=fam&goto=http://familyfun.go.com/utilities/global/specialfeature/famfunmag_links/famfunmag_links.html&name=hp_pulldown_11">Magazine Links</OPTION>
</SELECT>
<script language="javascript">
<!-- //
if (navigator.userAgent.indexOf("Mac") != -1 && !(navigator.userAgent.indexOf("MSIE 5.0") != -1) )
{ document.write('//--><!--'); }
//--></script>

red = lame but works to hide the '); } in Mac netscape