![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 224 Pomógł: 0 Dołączył: 31.10.2012 Ostrzeżenie: (10%) ![]() ![]() |
Witam. Czy może mi ktoś powiedzieć gdzie popełniłem błąd (kod w linku poniżej)? Problem polega na tym że nie odczytuje mi ustawień dla ostatniego elementu i nie mam pojęcia gdzie leży błąd bo ścieżka, którą podałem wydaje się być poprawna. Z góry dziękuję i pozdrawiam.
http://jsfiddle.net/1fsmf46v/1/ |
|
|
![]()
Post
#2
|
|
![]() Grupa: Zarejestrowani Postów: 1 268 Pomógł: 254 Dołączył: 11.06.2009 Skąd: Świętochłowice Ostrzeżenie: (0%) ![]() ![]() |
Zauważ, że .second_li nawet nie istnieje. Poza tym jeśli celujesz w strzalkę w ostatnim li, to powinieneś :last-child dać dla li
No i absolutnie nie taki selektor! .second_list:last-child img w zupełności wystarczy: http://jsfiddle.net/a63gyv1x/ -------------------- ★Mój blog || Okiem krytyka★
|
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 224 Pomógł: 0 Dołączył: 31.10.2012 Ostrzeżenie: (10%) ![]() ![]() |
Zauważ, że .second_li nawet nie istnieje. Poza tym jeśli celujesz w strzalkę w ostatnim li, to powinieneś :last-child dać dla li No i absolutnie nie taki selektor! .second_list:last-child img w zupełności wystarczy: http://jsfiddle.net/a63gyv1x/ Dzięki. Myślałem że muszę ścieżkę podać zaczynająć od pierwszego diva w którym znajduje się ten element. Chciałbym jeszcze zapytać czy istnieje jakiś sposób aby dla tej strzałki nadać pseudoklasę :after tak aby była ona za linkiem a nie przed nim? |
|
|
![]()
Post
#4
|
|
![]() Grupa: Zarejestrowani Postów: 1 268 Pomógł: 254 Dołączył: 11.06.2009 Skąd: Świętochłowice Ostrzeżenie: (0%) ![]() ![]() |
Możesz się bawić z float: right.
::after to nie pseudoklasa, a pseudoelement i służy do czegoś zupełnie innego. -------------------- ★Mój blog || Okiem krytyka★
|
|
|
![]()
Post
#5
|
|
Grupa: Zarejestrowani Postów: 224 Pomógł: 0 Dołączył: 31.10.2012 Ostrzeżenie: (10%) ![]() ![]() |
Możesz się bawić z float: right. ::after to nie pseudoklasa, a pseudoelement i służy do czegoś zupełnie innego. Może to nie jest najlepsze rozwiązanie ale po prostu przestawiłem tekst linku za obrazkiem. Wszystko jest już w porządku tylko został ostatni problem, który dostrzegłem. Mianowicie kiedy najeżdżam kursorem myszki na ikonę to zmienia się także napis natomiast kiedy najeżdżam kursorem myszki na napis wtedy ikona się nie zmienia. Bardzo jest to nieestetyczne na mojej stronie i chciałbym się dowiedzieć czy mogę w jakiś sposób scalić napis odnośnika z ikoną tak aby po najechaniu na link zmieniała się również ikonka? Z góry dziękuję za pomoc. http://jsfiddle.net/LmVRZ/490/ Ten post edytował Generic 21.08.2015, 21:29:43 |
|
|
![]()
Post
#6
|
|
![]() Grupa: Zarejestrowani Postów: 1 268 Pomógł: 254 Dołączył: 11.06.2009 Skąd: Świętochłowice Ostrzeżenie: (0%) ![]() ![]() |
A może po prostu… wsadzisz ikonę w odnośnik?
![]() -------------------- ★Mój blog || Okiem krytyka★
|
|
|
![]()
Post
#7
|
|
Grupa: Zarejestrowani Postów: 224 Pomógł: 0 Dołączył: 31.10.2012 Ostrzeżenie: (10%) ![]() ![]() |
|
|
|
![]()
Post
#8
|
|
![]() Grupa: Zarejestrowani Postów: 1 268 Pomógł: 254 Dołączył: 11.06.2009 Skąd: Świętochłowice Ostrzeżenie: (0%) ![]() ![]() |
http://jsfiddle.net/Comandeer/btfuu75c/ → a może tak? Zero JS
-------------------- ★Mój blog || Okiem krytyka★
|
|
|
![]()
Post
#9
|
|
Grupa: Zarejestrowani Postów: 224 Pomógł: 0 Dołączył: 31.10.2012 Ostrzeżenie: (10%) ![]() ![]() |
|
|
|
![]()
Post
#10
|
|
![]() Grupa: Zarejestrowani Postów: 1 268 Pomógł: 254 Dołączył: 11.06.2009 Skąd: Świętochłowice Ostrzeżenie: (0%) ![]() ![]() |
A toś mnie zdziwił z mozillą - byłem pewien, że od dawna to tam działa (w Operze 12 nawet działało).
Jeśli chcesz to w JS, to musisz przypiąć zdarzenie do linka, nie obrazka. -------------------- ★Mój blog || Okiem krytyka★
|
|
|
![]()
Post
#11
|
|
Grupa: Zarejestrowani Postów: 224 Pomógł: 0 Dołączył: 31.10.2012 Ostrzeżenie: (10%) ![]() ![]() |
A toś mnie zdziwił z mozillą - byłem pewien, że od dawna to tam działa (w Operze 12 nawet działało). Jeśli chcesz to w JS, to musisz przypiąć zdarzenie do linka, nie obrazka. Teraz działa tak jak powinno i potrzebowałem. Irytuje mnie jednak to że zdarza się że na jednej przeglądarce to co robię działa, a po wejściu na inną już nie i trzeba kombinować. nie mogę zrozumieć dlaczego producenci przeglądarek nie mogą iść jedną ścieżką i oszczędzili by m.in. niepotrzebnej roboty. Ale to chyba tak już zostanie więc na nic te rozmyślania. Tak czy siak @Comandeer wielkie dzięki za pomoc i pozdrawiam. Tutaj jeszcze kod jak to ostatecznie wygląda: http://jsfiddle.net/btfuu75c/1/ Ten post edytował Generic 22.08.2015, 17:13:10 |
|
|
![]()
Post
#12
|
|
![]() Grupa: Zarejestrowani Postów: 1 268 Pomógł: 254 Dołączył: 11.06.2009 Skąd: Świętochłowice Ostrzeżenie: (0%) ![]() ![]() |
Cóż, robią wszystko, żeby działało tak samo. I tak jest obecnie lepiej niż dawniej.
-------------------- ★Mój blog || Okiem krytyka★
|
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 19.07.2025 - 17:06 |