Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

cfmenu and logo on same line

Participant ,
Aug 17, 2011 Aug 17, 2011

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?

528
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Aug 19, 2011 Aug 19, 2011

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Aug 19, 2011 Aug 19, 2011
LATEST

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#">

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources