Skip to main content
K
kt03
Inspiring
September 22, 2009
Question

cfmenu

  • September 22, 2009
  • 3 replies
  • 1259 views

The menu code is worked fine without wrapping around the table, but if I have the table around it such as below then the arrow is messing up when I point the cursor over to display the sub-menu.  The arrow is displayed overlap of the text of the main menu instead of the end of the text.
<table>
<tr>
<td>
<!---left menu--->
  <cfmenu name="leftmenu" type="vertical" fontsize="14" bgcolor="2C1B77" width="100" fontcolor="FFFFFF" selectedfontcolor="FFFFFF" selecteditemcolor="000000">
 
   <cfmenuitem name="wellness" href="" display="Wellness">
    <cfmenuitem name="therapy" href="" display="Therapy"/>
   <cfmenuitem name="nutrition" href="" display="Nutrition"/>
   </cfmenuitem>
  </cfmenu>
</td>
<td>
display content on the right
</td>

</tr>
</table>

thanks

kt

This topic has been closed for replies.

3 replies

W
ws1267
Participant
September 24, 2009

I had the same problem with or without table using cfmenu. I even change the style sheet, but it still not works consistantly with all browsers.

I would hardcode ASCII code following the menu text, for example "Wellness  &rArr; "

&rArr;

or any other arrow code you like. It is not pretty but works. You can find them here http://ascii-table.com/html-table-symbols.php

Just a thought, hope it helps.

A
Adam Cameron.
Inspiring
September 22, 2009

Also, I don't see what you're seeing: it all seems fine to me.

I presume the issue might be some incompat with the DHTML the menu is generating and your table-based layout.  But it's difficult to tell without being able to replicate it.

:-(

--

Adam

A
Adam Cameron.
Inspiring
September 22, 2009

Also, I don't see what you're seeing: it all seems fine to me.

Oooh yes I do.  Works fine in Firefox.  Does what you say in IE8.  It even does it without having the right-hand <TD>, just a one-cell table is enough to replicate it.

You could have found a bug here.

I strongly recommend, in that case, you switch to DIV/CSS-based layout.

And raise a bug with Adobe:

http://cfbugs.adobe.com/cfbugreport/flexbugui/cfbugtracker/main.html

--

Adam

A
Adam Cameron.
Inspiring
September 22, 2009

I'm not sure what's causing your problem, but on a design note: have a look at doing your layouts with <div> tags and CSS, rather than tables.  Tables should be reserved for tabular data, not for general lay out one's display.

--

Adam

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices