Pokud vytváříte webové stránky, měli byste určitě vzít v úvahu nastavení pro zobrazování stránek v prohlížečích návštěvníků. Zejména obrázky umístěné uvnitř značek odkazů jsou ve výchozím nastavení obrysy prohlížečů s modrým jednobodovým (pixelovým) širokým okrajem. Toto je třeba vzít v úvahu jak při nastavování velikosti prvků stránky, tak při určování jejich barevného provedení. Existuje alternativní řešení problému - použití HTML a CSS k vynucení prohlížečů, aby nezobrazovaly rámeček.
Instrukce
Krok 1
Pokud pro vaši verzi designu stránky bude stačit odstranit ohraničení z jednoho konkrétního obrázku s odkazem nebo jen několika, bude stačit přidat do jejich značek atribut ohraničení s nulovou hodnotou. S tímto doplňkem může HTML kód obrázků s odkazy vypadat takto: Můžete také použít atributy stylu - tyto možnosti jsou ekvivalentní. S atributem style a v něm zadanou hodnotou nulového ohraničení by stejný kód vypadal takto: Při použití atributu style lze nulovou hodnotu (0px) nahradit textem „none“(bez uvozovek).
Krok 2
Pokud chcete zabránit vzhledu rámečku pro absolutně všechny obrázky s odkazy umístěnými na stránce, je jednodušší to udělat na jednom místě v kódu HTML. Za tímto účelem by měl být do záhlaví dokumentu (mezi tagy a) umístěn popis stylů stránek s pravidlem společným pro všechny odkazy. Toto pravidlo můžete napsat takto: a img {border: none;} Mělo by být umístěno uvnitř značky, která prohlížeči říká, že zde je popis stylů v CSS:
obrázek {border: none;}
Krok 3
Pokud na stránce používáte skripty JavaScriptu, které provádějí jakékoli akce, když kliknete na textový odkaz bez přepnutí na jinou stránku, po kliknutí v některých prohlížečích a kolem textového odkazu zůstane podobný tečkovaný rámeček. Chcete-li zabránit této neoprávněné změně designu, přidejte příslušné pravidlo pro textové odkazy do bloku popisu stylu CSS:
a {outline: none;}
