Jeśli budujesz strony internetowe, zdecydowanie powinieneś wziąć pod uwagę ustawienia wyświetlania stron w przeglądarkach odwiedzających. W szczególności obrazy umieszczone wewnątrz tagów linków są domyślnie obrysowywane przez przeglądarki niebieską jednopunktową (pikselową) ramką. Należy to wziąć pod uwagę zarówno przy ustalaniu wielkości elementów strony, jak i przy określaniu ich kolorystyki. Istnieje alternatywne rozwiązanie problemu - użycie HTML i CSS, aby zmusić przeglądarki do niewyświetlania ramki.
Instrukcje
Krok 1
Jeśli dla Twojej wersji projektu strony wystarczy usunąć ramkę z jednego konkretnego obrazu z linkiem lub tylko kilku, to wystarczy dodać atrybut border o wartości zerowej do ich tagów. Po tym dodaniu kod HTML obrazków z linkami może wyglądać tak: Możesz także użyć atrybutów stylu - te opcje są równoważne. Z atrybutem style i określoną w nim zerową wartością obramowania, ten sam kod wyglądałby tak: Używając atrybutu style, wartość zero (0px) można zastąpić tekstem „none” (bez cudzysłowów).
Krok 2
Jeśli chcesz zapobiec pojawianiu się ramki dla absolutnie wszystkich obrazów z linkami umieszczonymi na stronie, to łatwiej zrobić to w jednym miejscu w kodzie HTML. W tym celu w części nagłówkowej dokumentu (pomiędzy tagami i) należy umieścić opis stylów strony z regułą wspólną dla wszystkich linków. Możesz napisać tę regułę w ten sposób: a img {border: none;} Powinna być umieszczona wewnątrz tagu, który mówi przeglądarce, że jest tutaj opis stylów w CSS:
a img {obramowanie: brak;}
Krok 3
Jeśli używasz skryptów JavaScript na stronie, które wykonują jakiekolwiek czynności po kliknięciu linku tekstowego bez przełączania się na inną stronę, to po kliknięciu w niektórych przeglądarkach i wokół linku tekstowego pozostanie podobna kropkowana ramka. Aby zapobiec tej nieautoryzowanej zmianie w projekcie, dodaj odpowiednią regułę dla linków tekstowych do bloku opisu stylu CSS:
{zarys: brak;}
