Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]DIV-y nie pokazują się w przeglądarce Firefox
Forum PHP.pl > Forum > Przedszkole
Generic
Witam. Mam problem z dwoma div-ami. Na przeglądarce Chrome wyświetlają się tak jak trzeba natomiast w przeglądarce na Firefoxie w ogóle ich nie widać. Co może być nie tak w kodzie poniżej? Jeśli muszę coś zmienić to można to naprawić nie przestawiając tych divów w html? Zależy mi żeby było tak jak jest jeśli chodzi o html. Pozdrawiam.

https://jsfiddle.net/msyq3oa7/
by_ikar
firefox nie wspiera contanet w ten sam sposób co chrome, dlatego tak się dzieje. Użyj pseudo selektora ::before lub ::after wtedy powinno ci zadziałać, nie koniecznie wciąż w identyczny sposób.
Generic
Cytat(by_ikar @ 27.08.2015, 08:18:41 ) *
firefox nie wspiera contanet w ten sam sposób co chrome, dlatego tak się dzieje. Użyj pseudo selektora ::before lub ::after wtedy powinno ci zadziałać, nie koniecznie wciąż w identyczny sposób.


Pomogło jednak nie mogę zmusić aby elementy z pseudoklasą :before i odnośniki wyświetlały się w jednej linii. Jak mogę zmusić te elementy aby wyświetlały się w linii? Niestety display: inline jak widać nie pomaga.

https://jsfiddle.net/msyq3oa7/1/
jaca121212
https://jsfiddle.net/msyq3oa7/7/
o coś akiego ci chodziło
Generic
Cytat(jaca121212 @ 27.08.2015, 19:16:38 ) *
https://jsfiddle.net/msyq3oa7/7/
o coś akiego ci chodziło


Potrzebuje żeby było tak jak na poniższym obrazku.

jaca121212
Cytat(Generic @ 27.08.2015, 20:19:33 ) *
Potrzebuje żeby było tak jak na poniższym obrazku.


Miałeś trochę bałagan w kodzie wię poprawiłem go i teraz wygląda tak jakbyś tego chciał spójż
https://jsfiddle.net/msyq3oa7/9/
Generic
Mógłbyś jeszcze mi pomóc obrócić ostatnią strzałkę? Chodzi o to gdy obracam ją to razem z nią obraca się napis z odnośnikiem, a chcę żeby tylko obrazek się obracał. Z góry dzięki.

https://jsfiddle.net/msyq3oa7/11/
jaca121212
musisz dopracowac ten kod ale coś takiego ma być https://jsfiddle.net/msyq3oa7/32/
Generic
Cytat(jaca121212 @ 29.08.2015, 11:45:29 ) *
musisz dopracowac ten kod ale coś takiego ma być https://jsfiddle.net/msyq3oa7/32/


Dostosowałem już kod do swoich potrzeb natomiast po dodaniu skryptu który ma dodawać nową strzałke i napis dodaje mi tylko strzałkę i brakuje napisu. Co może być nie tak?

https://jsfiddle.net/msyq3oa7/34/
jaca121212
Cytat(Generic @ 29.08.2015, 23:17:16 ) *
Dostosowałem już kod do swoich potrzeb natomiast po dodaniu skryptu który ma dodawać nową strzałke i napis dodaje mi tylko strzałkę i brakuje napisu. Co może być nie tak?

https://jsfiddle.net/msyq3oa7/34/


nie wiem czy dokładnie o to ci chodziło
https://jsfiddle.net/msyq3oa7/35/
Pewnie chciaałbyś zrobić na wzór tego
https://jsfiddle.net/msyq3oa7/36/
Generic
Cytat(jaca121212 @ 30.08.2015, 09:09:19 ) *
nie wiem czy dokładnie o to ci chodziło
https://jsfiddle.net/msyq3oa7/35/
Pewnie chciaałbyś zrobić na wzór tego
https://jsfiddle.net/msyq3oa7/36/


Nie do końca. Na wstępie mam zaznaczony domyślnie pierwszy link na czarno wraz ze strzałką i kiedy klikam na drugi link to zmienia się tylko strzałka i znika mi napis.
jaca121212
Cytat(Generic @ 30.08.2015, 13:13:22 ) *
Nie do końca. Na wstępie mam zaznaczony domyślnie pierwszy link na czarno wraz ze strzałką i kiedy klikam na drugi link to zmienia się tylko strzałka i znika mi napis.

to użyt tego drugiego przykładu co ci sysłałem i dostosuj to do swojej potrzeby
a najlepiej obejrzyj ten tut i bd już wiedział jak to zrobić
https://www.youtube.com/watch?v=35A80v-6j4Y
Generic
Cytat(jaca121212 @ 30.08.2015, 18:38:03 ) *
to użyt tego drugiego przykładu co ci sysłałem i dostosuj to do swojej potrzeby
a najlepiej obejrzyj ten tut i bd już wiedział jak to zrobić
https://www.youtube.com/watch?v=35A80v-6j4Y


Udało mi się dostosować pod własne potrzeby całość i wszystko działa tak jak oczekiwałem. Dzięki za pomoc, a szczególnie za ten link który podesłałeś bo jakbyś mi czytał w myślach będę robił nie licząc wyglądu identyczne zakładki. Oczywiście nie zapomnę dać pomógł. Pozdrawiam.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.