jquery - Mega dropdown menu background hover issue -
i using css3 mega drop down menu on site create menu bar. have used li
id of nodrop
stop "home" link on page creating dropdown menu background:
<ul class="menu"><!-- begin menu --> <li id="nodrop"><a href="http://www.eco-fireplaces.co.uk">home</a></li> <li><a href="" class="drop">fireplaces</a><!-- begin 1 column item --> <div class="dropdown_1column"><!-- begin 1 column container --> <div class="col_1 firstcolumn"> <ul class="levels"> <li><a href="#">freelanceswitch</a></li> <li><a href="#" class="parent">creattica</a> <ul>
css nodrop
"home" link:
.menu li#nodrop { z-index:2; float:left; text-align:center; position:relative; padding: 4px 10px 4px 10px; margin-right:30px; margin-top:7px; background:none; border:none; }
for reason, colour of "home" link still changing white making invisible on page background (as white). assume problem lies in css file here:
.menu li:hover { color:#ffffff; text-shadow: none; }
the above works fine "fireplaces" link how make "home" link green?
do have include li
id #nodrop
.menu li:hover a
css , if how do that?
any , advice appreciated.
you can see example of home link disappearing on web page (see link below)
link site > http://www.eco-fireplaces.co.uk/fireplaces.html
yes, have include id of div too, as
li#nodrop:hover { color:green; text-shadow: none; }
try setting above class in css file , check works or not.
thanks prashant
Comments
Post a Comment