Forum Moderators: open
The only thing I thought of so far is a total kludge, but it works. You could get rid of the cell-padding, but instead surround each text link with spacer.gifs, above, below, left and right, sized the way you need them, including the spacer gifs INSIDE the anchor tag.
Like this example, to add 6 pixels of "active-link" padding around the text:
<a href="javascript:function"><img src="spacer.gif" width=100 height=6 border=0 alt=""><br><img src="spacer.gif" width=5 height=6 border=0 alt="">KLUDGED LINK<img src="spacer.gif" width=5 height=6 border=0 alt=""><br><img src="spacer.gif" width=100 height=6 border=0 alt=""></a>
It sure gives you lots of alt attributes to play with if you want.
in head:
<script language="JavaScript">
<!--
function fwLoadMenus() {
if (window.fw_menu_0) return;
window.fw_menu_0 = new Menu("root",50,15,);
fw_menu_0.addMenuItem("menu item 1");
fw_menu_0.addMenuItem("menu item 2");
fw_menu_0.hideOnMouseOut=true;
fw_menu_0.writeMenus();
} // fwLoadMenus()
//-->
</script>
<script language="JavaScript1.2" src="fw_menu.js"></script>
in body:
<script language="JavaScript1.2">fwLoadMenus();</script>
in link:
href="#" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_0,143,94);"
It's Fireworks specific code (notice all the fw's), and I believe it requires a special Fireworks HTML page to declare these things for your page to refer to.
Check the Macromedia support page at:
[macromedia.com...]
for info on copying the JavaScript that Fireworks generates.
Try line-height and/or text-indent in the CSS class for the specific anchors in question. It appears that NN4.x supports those two CSS properties fairly well.
You are welcome to look at some of my menu examples. I'm new here... will it be considered spamming to post a link to my menu examples?
BTW, this is a terrific site, I'm glad I found it!
Since most of us here are promoters in one way or another, we avoid links to our personal sites — it could open the door to a promotionally flooded board in no time at all, and the valuable information we share would be obscured.
However, you are welcome to say something like "on the site in my profile". You also can share URLs person-to-person through the "StickyMail" feature linked at the top of the page. In fact, if you will, please send me a Sticky with the URL for your menu examples.
Thanks again for your contribution.
I understand completely about not wanting to turn the board into a "promotion" site. No problem! My menu examples are easy to get to from the main page of the site listed in my profile. They are not stand-alone, they require my API.
Thanks again!
This is the best cross-browser way to do it
Great idea, Thanks!
I tried this even before I posted this topic but, because I wanted to make multiple overlapping drop down menus, the layers that the other menus are on seemed to interfere with the hidelayer action tied to the spacer which presumably has to be on the bottom layer. Is this right? should I do it with a different layer to trigger the close one below each menu layer?
I tried this even before I posted this topic but, because I wanted to make multiple overlapping drop down menus, the layers that the other menus are on seemed to interfere with the hidelayer action tied to the spacer which presumably has to be on the bottom layer. Is this right? should I do it with a different layer to trigger the close one below each menu layer?
Just have two layers show when you mouseover - the bottom wider layer with the transparent gif and the smaller visible menu on the top, as soon as the mouse moves over the bottom layer simply hide both those layers.
so basically show 2 layers - then hide hide those 2 layers..you can do this as many times you want enabling multiple drop downs on the same page.
