Hover effect on <li> will not effect if hovering an <a> inside in Firefox
in [CSS]
|
Prev: 2nd call - International Conference WWW/Internet 2010: until 26 July 2010
Next: Hover effect on <li> will not effect if hovering an <a> insidein Firefox
From: benjamin.schneider.de on 8 Jul 2010 17:40 Hi, I got a list item <li> that has an hover effect. In this <li> there is a link <a> with some text in it. If i hover just the <li> w/o touching the link text the hover effect comes in. But it does not, if I hover the link text. It works as intended in Chrome, Opera and Internet Explorer but not in Firefox. Can somebody help me out there? You can find the mentioned scenario online on: http://www.wearcologne.de And the list items you can find on the left. Caution: Page is in german :P Thanks a lot Benjamin
From: dorayme on 8 Jul 2010 18:39 In article <570cf450-d7bf-4018-bb43-609be5e3e381(a)u7g2000yqm.googlegroups.com >, "benjamin.schneider.de(a)googlemail.com" <benjamin.schneider.de(a)googlemail.com> wrote: > Hi, > > I got a list item <li> that has an hover effect. In this <li> there is > a link <a> with some text in it. If i hover just the <li> w/o touching > the link text the hover effect comes in. But it does not, if I hover > the link text. > > It works as intended in Chrome, Opera and Internet Explorer but not in > Firefox. Perhaps you have not got something like a:hover {color: white; background: red;} for the link itself, in your stylesheet? -- dorayme
From: benjamin.schneider.de on 9 Jul 2010 03:00
On 9 Jul., 02:58, "Beauregard T. Shagnasty" <a.nony.m...(a)example.invalid> wrote: > benjamin.schneider...(a)googlemail.com wrote: > > I got a list item <li> that has an hover effect. In this <li> there is > > a link <a> with some text in it. > > I must mention that your little menu across the top ( ) is malformed. > You have your <a>'s outside the <li>'s. An <li> is the only permitted > child of a <ul>. > > Partial quote: > <ul id="productSelectionUL"> > <a href="http://wearcologne.spreadshirt.de/maenner-D1" > target="spreadshop"> > <li>Männer</li> > </a> > <a href="http://wearcologne.spreadshirt.de/frauen-D3" > target="spreadshop"> > <li>Frauen</li> > </a> > [more...] > > -- > -bts > -Four wheels carry the body; two wheels move the soul The lefthand menu was malformed too and that exactly was the problem... to stupid from me that I did not make a validity check. Thanks a lot for your help! Benjamin |