9 svar · 278 visningar · startad av maqe
Jag har en vanlig <ul> lista med länkar i och när jag kör onmouseover på <li> så byts bakgrundsfärgen till blå och då vill jag även byta länkfärgen till vit. Hur gör jag får att komma åt länk objektet som är i min li?
antar att man får köra this.className för att få länken att haka på ... jag löste det så iaf
Varför inte låta länken fylla ut hela LI-elementet, och sedan använda a:hover?
<ul>
<li><a href="#">foo</a></li>
</ul>
ul a { display:block; padding:.5em; }
ul a:hover { background:navy; color:white; }
zcorpan skrev:
Varför inte låta länken fylla ut hela LI-elementet, och sedan använda a:hover?
<ul> <li><a href="#">foo</a></li> </ul>ul a { display:block; padding:.5em; } ul a:hover { background:navy; color:white; }
så fort jag använder mig av display:block så blir det ett stort mellanrum mellan raderna i min lista?
I IE ska jag väl tillägga
Testa att sätta margin:0 på li.
Ingen skillnad tyvärr ...
Ja du, det kan man verkligen undra.
Jag testade lite granna, och lyckades faktiskt få IE att krasha med tre rader CSS. :OO
hehe ... förövrigt så fungerar detta precis som jag vill. IE fix önskas :)
/* \*/
* html ul a { height:1%; }
/* */
haha ... den hade jag aldrig knäckt själv asså thx zcorpan ...
Dock blev det någon pixel över i botten av min ul i FF nu istället men det gör nog inget.