Po umieszczeniu obrazu wewnątrz znacznika łącza (pomiędzy a) przeglądarka odwiedzającego domyślnie rysuje wokół obrazu niebieską ramkę o szerokości jednego piksela. Oprócz tego, że samowola przeglądarki zwiększa rozmiar tego elementu projektu strony o dwa piksele w pionie io dwa w poziomie, kolor niebieski może nie pasować do schematu kolorów projektu strony.
Instrukcje
Krok 1
Jeśli chcesz usunąć obramowanie z jednego lub więcej obrazów linków, możesz to zrobić, dodając atrybut obramowania o wartości zerowej do tagu każdego z obrazów, których potrzebujesz. Na przykład: Ten sam efekt można osiągnąć za pomocą atrybutu style, umieszczając tę samą ramkę z wartością zerową: Wartość zero (0px) w tym wariancie można zastąpić wartością „brak” (bez cudzysłowów).
Krok 2
Jeśli potrzebujesz radykalnie rozwiązać ten problem, to znaczy dla wszystkich zdjęć z linkami w całym dokumencie, lepiej zrobić to inaczej. Nie ma potrzeby dodawania odpowiedniego atrybutu do tagu każdego obrazu z osobna, łatwiej jest zapisać regułę wspólną dla wszystkich w opisie stylu na początku dokumentu. Ta reguła CSS będzie wyglądać tak: a img {border: none;} Należy ją umieścić w bloku opisu stylu, a sam blok należy umieścić przed tagiem zamykającym tytuł strony:
a img {obramowanie: brak;}
Krok 3
Nie tylko obrazy, ale także proste linki tekstowe w niektórych typach przeglądarek mają podobny problem - jeśli odwiedzający kliknie link, wokół niego pozostanie kropkowana ramka. Aby zapisać swoją stronę przed tym błędem projektowym, dodaj następującą regułę linków do opisów stylów:
obraz {konspekt: brak;}
