html - ul li bullet point image doesn't work with when hovering over list links -



html - ul li bullet point image doesn't work with when hovering over list links -

i want create when hover cursor on link in list, bullet point image shows left of list text. however, not seem work.

i've tried next css , not work:

ul.navibox a:hover{ list-style-image:url(images/crown-icon.jpg);}

any ideas? thanks

current css:

ul.navibox{ margin:0 0 0 0; padding:5px 0 0 20px; list-style-type:none; font-family:arial,verdana,helvetica,sans-serif; font-size:14px; color:#333333;} ul.navibox li a:link{ color:#ff0; text-decoration:none;} ul.navibox li a:visited{ color:#f00;} ul.navibox li a:hover{ color:#f0f; list-style-image:url(images/crown-icon.jpg);}

html:

<div id="middle_left_box"><span style="padding-left:10px">categories</span> <h3>accessories</h3> <h4>supplies:</h4> <ul class="navibox"> <li>pellets</li> <li>gas</li> <ul> </div>

without demo beingness provided it's hard sure seek this

ul.navibox{ margin:0 0 0 0; padding:5px 0 0 20px; list-style-image:none; /* default 'non-image' */ font-family:arial,verdana,helvetica,sans-serif; font-size:14px; color:#333333;} ul.navibox li:hover{ list-style-image:url(images/crown-icon.jpg);} ul.navibox li a:link{ color:#ff0; text-decoration:none;} ul.navibox li a:visited{ color:#f00;} ul.navibox li a:hover{ color:#f0f; }

your previous css applied list image anchor link doesn't have property available it. hover has on list item itself.

html css list html-lists

Comments

Post a Comment

Popular posts from this blog

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

html - Submenu setup with jquery and effect 'fold' -

html - Submenu setup with jquery and effect 'fold' - i want open submenu jquery effect fold, problem if user "hover effect" fast menu remain open, how can avoid this, jquery code is: $('ul.mainmenu li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $(this).children('ul').hide('fold', 500); } ); my jsfiddle link is: http://jsfiddle.net/9wkbf/ updated fiddle the reason behind problem is, first event $(this).children('ul').show('fold', 570); queued , until completes, sec animation not start. the next snippet can workaround $('ul.mainmenu > li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $('ul:not(.mainmenu)').hide('fold', 500); } ); *important note : work current scenario. jquery html css
Read more