18-10-2010, 16:44
Tworzę stronę i mam problem z menu.
Problem polega na tym, że w jednej klasie właściwości pierwszego elementu automatycznie przenoszą się na resztę potomnych elementów i nie wiem do końca czemu.
Zaobserwować można to na podanej stronie zsnwim.eu. np na pierwszym elemencie z menu "O nas"
Poniżej umieszczam okrojony fragment menu aby wytłumaczyć dokładniej na czym problem polega (usunąłem z niego nieistotne elementy, i zostawiłem tylko wycinek do przedstawienia problemu)
Problem polega na tym że jeżeli w CSS napisze sobie
.sf-menu li:hover .background-left
{
cecha1: wratość1
cecha2:wartość2
.
.
.itd
}
To wszystkie cechy i wartości przenoszone są od razu na elementy li potomne z klasą background-left, a chciałbym żeby były tylko na pierwszym selektorze li z tą klasą, a na kolejnych dopiero po najechaniu na nie myszką.
Nie rozumiem czemu natomiast w tej sytuacji cechy i wartości nie są przypisywane do samych potomnych selektorów li bez klasy background-left. (Chociaż tego tez w cale bym nie chciał)
Czy da radę jakoś to rozwiązać, tak żeby menu funkcjonowało poprawnie ?
Z góry dziękuje za pomoc
Problem polega na tym, że w jednej klasie właściwości pierwszego elementu automatycznie przenoszą się na resztę potomnych elementów i nie wiem do końca czemu.
Zaobserwować można to na podanej stronie zsnwim.eu. np na pierwszym elemencie z menu "O nas"
Poniżej umieszczam okrojony fragment menu aby wytłumaczyć dokładniej na czym problem polega (usunąłem z niego nieistotne elementy, i zostawiłem tylko wycinek do przedstawienia problemu)
Kod:
<ul class="sf-menu ">
<li >
<span class="background-left">
<span class="background-right">
<a class="active" href="/o_nas">O nas</a>
</span>
</span>
<ul style="float: none; width: 12em; display: none;">
<li >
<span class="background-left">
<span class="background-right">
<a href="/zarzad">Zadząd</a>
</span>
</span>
</li>
<li >
<span class="background-left">
<span class="background-right">
<a title="Biuro" href="/biuro">Biuro</a>
</span>
</span>
</li>
</li>
</ul>Problem polega na tym że jeżeli w CSS napisze sobie
.sf-menu li:hover .background-left
{
cecha1: wratość1
cecha2:wartość2
.
.
.itd
}
To wszystkie cechy i wartości przenoszone są od razu na elementy li potomne z klasą background-left, a chciałbym żeby były tylko na pierwszym selektorze li z tą klasą, a na kolejnych dopiero po najechaniu na nie myszką.
Nie rozumiem czemu natomiast w tej sytuacji cechy i wartości nie są przypisywane do samych potomnych selektorów li bez klasy background-left. (Chociaż tego tez w cale bym nie chciał)
Czy da radę jakoś to rozwiązać, tak żeby menu funkcjonowało poprawnie ?
Z góry dziękuje za pomoc
, a ja siedziałem wczoraj nad tym cały dzień. Gdzieś nawet w nocy przed zaśnięciem przemknęło mi to przed oczami ale nie wpadłem, że może pomóc.
