5 Replies Latest reply: Oct 4, 2015 6:07 AM by RSS

    is it possible put the  background-image in a dropdown menu ?

      Hi all

      I would like to put a background image in this dropdown menu:

       

      FOTO 1.JPG

       

       

      I suppose that I have to modify its css, I tried with the background-image function but it did not work

      below my css script:

       

      -----------------------------------------------------------------------------------

      * {margin:0; padding:0; outline:0}

      body {font:1px Verdana,Arial; color:rgb(30%,50%,70%); background:#D6E7F8}

      .nav {height:36px; background:rgb(230,230,230); color:#fff; text-shadow:1px 1px #888; z-index:1000} /*barra navigazione*/

      .menu a {float:left; color:rgb(0,0,0); text-decoration:none; width:120px; height:28px; padding-top:8px}

      .menu span {float:left; color:rgb(0,0,0); text-decoration:none; width:120px; height:28px; padding-top:8px} /* riga menu*/

      .menu a:hover {color:rgb(175,238,175)} /*menu selezionato*/

      .menu {list-style:none; font:13px Arial,Verdana; text-align:center; width:650px; margin:0 auto;color:rgb(0,0,0)}

      .menu li {position:relative; float:left; width:120px; z-index:1000}

      .menu ul {display:none; position:absolute; font:normal 11px Arial,Verdana; top:36px; left:0; background:rgb(255,255,185) ; display:none; list-style:none}

      .menu ul li {float:none; border-top:1px solid #ccc; width:120px}

      .menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:rgb(175,238,175); height:25px; padding:center}

      .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:none; color:rgb(45,105,245)}  /*voci menu selezionati*/

      .menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block;  background:rgb(175,238,175) ;height:22px; padding-top:5px}

      .menu ul ul {left:120px; top:0}

      .menu li.submenu {font-weight:bold}

      .menu li.noborder {border-top:none}

      li.menuhover a, li.menuhover li.menuhover a {color:rgb(45,105,245);background:rgb(175,238,175) }

      li.menuhover span, li.menuhover li.menuhover span {color:#fff} /* menu primo livello*/

      #info {width:180px; background:#eee}

      #info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left}

      -----------------------------------------------------------------------------------

       

      can anyone help me?

       

       

      thanks a lot