Skip to main content
R
Robin James
Inspiring
August 17, 2011
Question

cfmenu and logo on same line

  • August 17, 2011
  • 1 reply
  • 589 views

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?

    This topic has been closed for replies.

    1 reply

    A
    Adam Cameron.
    Inspiring
    August 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

    R
    Robin JamesAuthor
    Inspiring
    August 19, 2011

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

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