Když umístíte obrázek do značky odkazu (mezi a), prohlížeč návštěvníka ve výchozím nastavení nakreslí kolem obrázku modrý rámeček široký jeden pixel. Kromě skutečnosti, že libovolnost prohlížeče zvyšuje velikost tohoto designového prvku vaší stránky o dva pixely svisle a dva pixely vodorovně, nemusí modrá barva odpovídat barevnému schématu designu stránky.
Instrukce
Krok 1
Pokud potřebujete odstranit ohraničení z jednoho nebo více obrázků odkazů, můžete to udělat přidáním atributu ohraničení s nulovou hodnotou do značky každého z obrázků, které potřebujete. Například: Stejného efektu lze dosáhnout použitím atributu style umístěním stejného ohraničení s nulovou hodnotou: Nulovou hodnotu (0px) v této variantě lze nahradit hodnotou „none“(bez uvozovek).
Krok 2
Pokud potřebujete tento problém vyřešit radikálně, tj. U všech obrázků s odkazy v celém dokumentu, je lepší to udělat jinak. Není nutné přidávat odpovídající atribut ke značce každého obrázku zvlášť, je snazší zapsat si pravidlo společné pro všechny do popisu stylu na začátku dokumentu. Toto pravidlo CSS bude vypadat takto: a img {border: none;} Mělo by být umístěno do bloku popisu stylu a samotný blok by měl být umístěn před značku zavírající název stránky:
obrázek {border: none;}
Krok 3
Nejen obrázky, ale také jednoduché textové odkazy v některých typech prohlížečů mají podobný problém - pokud návštěvník klikne na odkaz, zůstane kolem něj tečkovaný okraj. Chcete-li uložit svou stránku z této chyby návrhu, přidejte do popisů stylů následující pravidlo odkazu:
obrázek {outline: none;}
