Copy link to clipboard
Copied
I've tried many different css styles and layouts. It seems like this should be a very simple thing. I cannot get a logo on the same line/row as the cfmenu. I'm assuming that there is a <Br> or <p> in the cfmenu code.
Another issue I'm having with cfmenu is having the selected menu item stay highlighted. Any hints on that in css? I can't get that to work either.
Thirdly, I can't get the children (sub) menu to show transparent. I've set the selected item color to transparent, but it doesn't show the submenu as transparent - only the item selected (as the title says). Any ideas on this one?
Copy link to clipboard
Copied
What's some example code of stuff you've tried to sort these issues out?
It's hard to tell where you're going wrong without being able to see what you've been trying!
Also:
I'm assuming that there is a <Br> or <p> in the cfmenu code.
Have you not looked @ the mark-up it generates so as to be sure? That should've been one of the first things you did when trying to work out what's going amiss, I think.
--
Adam
Copy link to clipboard
Copied
I played around with it some today and was able to get it to work (not the ideal way) in Firefox, but not in IE.
http://www.balddog.com/sites/dsp/index.cfm?siteid=258
<style type="text/css">
.yuimenubar
{
float: right;
margin-top:50px;
text-align:left;
}
/**Centers menu items and corrects for IE**/
.yuimenubar ul{
display:inline-block;
zoom: 1;
*display:inline;
text-align:left;
overflow: hidden;
padding:0;
margin:0;
border-bottom:0;
}
</style>
<a href="/sites/dsp/index.cfm"><img src="/sites/images/<cfoutput>#sites.imagedir#/#getheader.logo#</cfoutput>" border=0 alt="Home" ></a>
<cfmenu
menustyle="cursor:hand; "
childstyle="text-decoration:none"
selectedfontcolor="###bgcolors.menuOverfontHorSlider#"
selecteditemcolor="###bgcolors.boxHorSliderOver#"
font="Arial, Helvetica, sans-serif"
fontsize="12"
type="horizontal"
bgcolor="###bgcolors.menubgcolor#"
fontcolor="###bgcolors.menufont#">