Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
Hi all
I would like to put a background image in this dropdown menu:
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
when you say drop down menu, is that a list box?
There is an option to add image to the List box but I do not think it will be visible as a background overriding the cell background colors.
Hi,
no I mean a qlik extension: drop down menu .
It needs to build menus within Qlik
like this
I think it should be possible by modifying the extension java script. it should have a CSS style file with all style information. you can take a look at it.
hi
unfortunately i m not java and Css code
that's why I need help