Obrazek będący linkiem

[Quasi80]

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

[dexter]

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.

[krystian3w]

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).

[Quasi80]

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.

[krystian3w]

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; }
}

[kompzdalny2]

Jak zdjęcie ma atrybut <a> to nie ma opcji żeby firefox nie traktował tego jako link

[krystian3w]

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