Mixing font size in menu - [Solved]

[twing]

Hi guys,

Can I mix font size for menu name? eg.
ITOOL Menu ... let's say I want the 'TOOL' to be size 11, while others stay at size 12.

The only way I can think of is to use images.

Any suggestions are welcome, thanks

Twing.

[Ruth]

To use different sizes within an item you can use

Code: Select all

<big>Bigger Text</big>

or you could use

Code: Select all

<font size=1em>ITOOL</font> Menu 

It doesn't seem you can use px. For example if you try to set

Code: Select all

<font size=11px>ITOOL</font> Menu

You get some weird things in some browsers, like a really huge ITOOL. If you're not specifying px, em etc, I think you would use

Code: Select all

<font size=1>ITOOL</font> Menu

this shows font-size=1 but you'd use what you wanted, 1, 2, 3, 4. I'm not sure exactly how high up that particular 'formula' goes. As you noted the only other way would be to use an image, which in reality is the safest way since all the browsers would then see it the same.

Ruth

[ScottN]

I've also used spans and css to achieve a similar effect.

Code: Select all

aI("text=I<span class=smallertext>TOOL</span>;url=example.html;");

And then set the style in your stylesheet. Or, you can set the css inline. Basically, if you can do it in a regular page, you should be able to do it in a menu item.[/code]

[Ruth]

Hi Scott,

Great idea That would actually allow the use of particular font size and fonts and colors with every word if that were wanted. Thanks for the post.

Next time you log in, just come and delete the extra post with the little x at the top of it.

Ruth

[John]

Just my $.02, but CSS is definitely the way to go. <font> is depreciated, and for some reason just looks 'tacky' to me! Depending on what you're looking for, a set size (e.g., 12px) might be better than 'bigger', etc.

Already deleted the dup - not to worry.