Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Ramka wokół obrazka przy klikaniu

Założony przez  SLAVOO.

Jak się na przykład klika w logo (podlinkowane oczywiście) to jest taka ramka jak na SS
[Obrazek: 1690184.jpeg]

Da to się jakoś wyeliminować?
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
Użyj firebuga na tym elemencie, sprawdź jakie ma przypisane style CSS dla eventu :hover i je wytnij z pliku.css (albo w konfiguracji szablonu).

edit: coś mnie tknęło gdy nie znalazłem linka. Ja w chrome i fx żadnej obwoluty na twoim forum nie widzę.
Czyżby już po fakcie ?
Nie, nie po fakcie. Na tym forum, tutaj też to się zdarza. I szczerze mówiąc nie wiem o co tu chodzi. Raz to widać raz nie.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
Upewnij się czy na wszystkich przeglądarkach to występuje, czy nie jest to aby jakieś specyficzne ustawienie w opcjach przeglądarki albo wtyczki do niej,a już szczególnie czy to nie pojawia się tylko na konkretnych podstronach. Główna jest ok, ale przeklikiwać przez wszystko to mi się szczerze mówiąc nie chce ;)
Widzisz, to występuje nie zawsze i tak naprawdę nie wiem kiedy. Efekt jest widoczny jeśli klikniemy i przytrzymamy lewy guzik myszy, ale jak pisałem, nie występuje to zawsze.
Widziałem to na wielu stronach. Ta ramka to przerywana linia, jakby border dotted.

Na pewno nie raz takie coś zauważyliście. Pytanie tylko z czym to jest związane i czemu raz występuje a raz nie.
Może chodzi o klasę .active
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
Ehh, wszystko jest jasne. To ramka pojawiająca się przy zdarzeniu :focus, w którym podświetlasz aktywny element np. klawiszem TAB. Dla ciebie z pewnością temat czytników głosowych dla słabo widzących jest obcy, ale jest to istotna funkcja WAI. Zauważ że taka ramka jest w np. chrome żółta.
Wystarczy że ustawisz parametr css outline: 0; dla linka w którym jest obraz z logo. Możesz równie dobrze ustawić dla wszystkich, gdzieś z pewnością jest w css wymieniony a:link

ps. nie podałeś nawet jakiej przeglądarki używasz, a nikt nie będzie tego zgadywał.
Używam generalnie Firefoxa, ale mam i inne popularne zainstalowane.
Temat rozwiązany.

outline: 0;
rozwiązało problem.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI



Użytkownicy przeglądający ten wątek:

1 gości