Witam!
Stworzyłem sobie boks z kategoriami. Każda kategoria ma jest w
, gdzie w CSS-ie jest obrazek do . Później mam i po tym tekst, który jest generowany przez sIFR-a. Wszystko ładnie działa, tylko problem jest z hoverem. , czyli obrazek kategorii ma hover i tekst generowany przez sIFR-a też ma hover. Oba hovery działają tylko chcę aby po najechaniu już na boks z kategorią zmieniały się oba hovery. Hover tekstu zmienia się dopiero po najechaniu na tekst, a chce aby zmieniał się po najechaniu na obrazek.
Da się coś takiego zrobić?
Kod sIFR-a:
sIFR.replace(neosans2, {
selector: '.kategorie li',
css: [
'.sIFR-root { transparent: true; color: #41280f; font-size: 13px}',
'a { transparent: true; text-decoration: none; color: #41280f }',
'a:link { transparent: true; color: #41280f }',
'a:hover { transparent: true; color: #ffffff }'
]
, wmode: 'transparent'
});
Kod w CSSie:
.kategorie {
width: 231px;
float: left;
margin: 0px 62px 20px 0;
list-style-type: none;
margin: 4px 40px 0 25px;
}
.kategorie li {
background: url("images/catBg.png") no-repeat;
width: 231px;
height: 57px;
background-position: 0px 0px;
text-decoration: none;
list-style-type: none;
margin: 4px 40px 0 25px;
display: block;
}
.kategorie li:hover {
background-position: -231px -0px;
}
i kod kategorii w HTML-u:
Z góry dzięki za pomoc!
Pozdrawiam,
nesko.