MozillaPL.org - polskie centrum Mozilli

Główne menu:

Obrazek będący linkiem

Tematy specyficzne dla przeglądarki Mozilla Firefox

Moderator: Pomocy?!

Obrazek będący linkiem

Postautor: Quasi80 » 29 stycznia 2022, 14:00

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:96.0) Gecko/20100101 Firefox/96.0

Witam serdecznie,

Mój problem występuje tylko na komputerze głównym na przeglądarce Firefox. Na innych przeglądarkach (Chrome, Edge, Opera) jest ok. Na laptopie i smartfonie strona wyświetla się zawsze prawidłowo. Dawniej działało to ok, ale coś się przestawiło ok. 2 tygodnie temu.

Chodzi o zdjęcia, które są linkami np. logo na stronie głównej. Po kliknięciu w takie zdjęcie zaznaczany jest obszar poniżej, a nie obszar odnoszący się do zdjęcia. Dokładnie taki sam efekt uzyskuję klikając na zdjęcie prawym przyciskiem myszy. Jest to irytujące. Proszę zobaczyć...

https://www.makroaplikacje.pl/wp-conten ... blem_1.png
https://www.makroaplikacje.pl/wp-conten ... blem_2.png

Czy ktoś ma pomysł jak to rozwiązać? Wyłączenie wszystkich dodatków i motywów nie pomaga. Nie pomaga także wyczyszczenie pamięci podręcznej, ciasteczek jak i uruchomienie przeglądarki w trybie awaryjnym. Zainstalowana jest najnowsza wersja 96.0.3.

Z góry dziękuję za cenne podpowiedzi ;)
Quasi80
 
Posty: 2
Z nami od: 29 stycznia 2022, 13:45

Odp: Obrazek będący linkiem

Postautor: dexter » 29 stycznia 2022, 16:06

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:98.0) Gecko/20100101 Firefox/98.0

Nie wiem dokładnie, ale w Firefoksie element <a> jest domyślnie liniowy, może to dlatego. Spróbuj go ostylować z display: block lub display:inline-block.
dexter
Moderator
 
Posty: 8319
Z nami od: 02 października 2004, 21:30

Odp: Obrazek będący linkiem

Postautor: krystian3w » 29 stycznia 2022, 19:19

Przeglądarka: Mozilla/5.0 (Android 11; Mobile; rv:96.0) Gecko/96.0 Firefox/96.0

Można użyć też Firefox 91 ESR i masz 6 miesięcy na zgłoszenie problemu na bugzilla (pisz, że nie jesteś webmasterem witryny mikromakroaplikacje(kropka)pl).
Ostatnio zmieniony 01 lutego 2022, 18:48 przez krystian3w, łącznie zmieniany 2 razy
¡Moz://a zorro de fuego!

Moz://a raposa de fogo!
krystian3w
 
Posty: 1923
Z nami od: 01 grudnia 2017, 15:27

Odp: Obrazek będący linkiem

Postautor: Quasi80 » 31 stycznia 2022, 13:01

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:96.0) Gecko/20100101 Firefox/96.0

dexter pisze:Nie wiem dokładnie, ale w Firefoksie element <a> jest domyślnie liniowy, może to dlatego. Spróbuj go ostylować z display: block lub display:inline-block.


Dzięki za podpowiedź. Edytowałem te wartości z poziomu about:config, ale żadna kombinacja True/False nie zakończyła się powodzeniem.
Aczkolwiek za pierwszym razem, przez chwilę było ok. Po restarcie przeglądarki, problem jednak powrócił.
Próbowałem też wszystkich opcji z podmenu: "Więcej informacji do rozwiązywania problemów".

Co ciekawe, ten sam problem pojawił się wczoraj na laptopie (tylko Firefox). Stało się to po wgraniu oryginalnego pliku motywu tj: style.css

PS. Spróbuję jeszcze zmienić w motywie, aby nie zaznaczał się żaden obszar po kliknięciu w obrazek/link.
Quasi80
 
Posty: 2
Z nami od: 29 stycznia 2022, 13:45

Odp: Obrazek będący linkiem

Postautor: krystian3w » 01 lutego 2022, 18:31

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:100.0) Gecko/20100101 Firefox/100.0

To nie są właściwości do about:config a do pliku CSS strony WWW lub Stylusa...

https://developer.mozilla.org/pl/docs/Web/CSS/display

Dla domowego spokoju jak to nie twój "blog" to zrób "downgrade" do Firefox 91 ESR i masz 6 miesięcy by wembaster (Mariusz J.) lub Mozilla naprawili problem (trzeba by zobaczyć czy Safari nanosi ramki inaczej niż Firefox 96).

W teorii problem robi ostylowanie dla elementów zfokusowanych:

Kod: Zaznacz cały
:focus { outline: #ccc solid 1px; }


Jak masz zerowy wskaźnik odwiedzin przez niedowidzących i fanatyków używania tabulatora do nawigowania to można outline wywalić (wembaster witryny) - skoro nie da rady linków z grafiką przerobić na "inline-block".

Plik do Stylus:

Kod: Zaznacz cały
@-moz-document domain("makroaplikacje.pl") {
:focus { outline: none  !important; }
}
¡Moz://a zorro de fuego!

Moz://a raposa de fogo!
krystian3w
 
Posty: 1923
Z nami od: 01 grudnia 2017, 15:27

Odp: Obrazek będący linkiem

Postautor: kompzdalny2 » 06 kwietnia 2022, 17:08

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:98.0) Gecko/20100101 Firefox/98.0

Jak zdjęcie ma atrybut <a> to nie ma opcji żeby firefox nie traktował tego jako link
kompzdalny2
 
Posty: 21
Z nami od: 31 marca 2022, 17:50

Odp: Obrazek będący linkiem

Postautor: krystian3w » 06 kwietnia 2022, 23:32

Przeglądarka: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:100.0) Gecko/20100101 Firefox/100.0

Można wymusić układ liniowy / liniowo-blokowy / liniowo-flex / liniowo-grid / liniowo-tabelowy i problem z ramką się naprawia (Firefox, Chrome, Safari).

Niby outline jest dopiero omawianie jak jednak powinno działać w przyszłości: https://github.com/w3c/csswg-drafts/issues/6981
¡Moz://a zorro de fuego!

Moz://a raposa de fogo!
krystian3w
 
Posty: 1923
Z nami od: 01 grudnia 2017, 15:27


Wróć do Przeglądarka Firefox

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: