I have a cfmenu that I created on my web application. The problem is that it automatically places itself at the very top-left of the page, even though I have included it at a certain place within the code.
Is there a way to position a cfmenu? What can I do to place it where I want it to go?
On
Your cfmenu needs to be in a container of some sort to position it. For example, this would put the menu at the 100x100 position in the browser:
<html>
<head></head>
<body>
<div style="position: absolute; top: 100px; left: 100px;">
<cfmenu name="myMenu">
<cfmenuitem name="myMenuItem" display="My Menu" href="index.cfm" />
</cfmenu>
</div>
</body>
</html>
I've also placed cfmenus in table cells and other containers. You just need to make sure the menu's container is placed where it's supposed to be. Without further code to show how you're placing the menu in your code, there's no way to know for certain why it's not landing where you want it.
I think you can use the
menuStyleandchildStyleattributes of the<cfmenu>tag (docs) to add CSS styles to the generated HTML and then use CSS on your webpage to position/style the menu as you wish.