+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: hover i pewien problem (/thread-hover-i-pewien-problem)
hover i pewien problem - orticelo - 18-10-2010
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)
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
RE: hover i pewien problem - beny - 18-10-2010
RE: hover i pewien problem - orticelo - 18-10-2010
Dziękuje za pomoc
A rozwiązanie było takie proste
, 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.problem rozwiązany, bardzo dziękuje i uzupełniam szybko moje braki.