Ak tvoríte webové stránky, mali by ste určite brať do úvahy nastavenie zobrazovania stránok v prehliadačoch návštevníkov. Najmä obrázky umiestnené vo vnútri značiek odkazov prehliadače načrtávajú predvolene modrým širokým jednobodovým (pixelovým) okrajom. Toto by sa malo vziať do úvahy pri nastavovaní veľkosti prvkov stránky aj pri určovaní ich farebného prevedenia. Existuje alternatívne riešenie problému - použitie HTML a CSS na vynútenie prehľadávačov, aby nezobrazovali rámec.
Inštrukcie
Krok 1
Ak pre vašu verziu dizajnu stránky bude stačiť odstrániť orámovanie z jedného konkrétneho obrázka pomocou odkazu alebo iba niekoľkých, potom bude stačiť pridať do ich značiek atribút orámovania s nulovou hodnotou. S týmto doplnkom môže HTML kód obrázkov s odkazmi vyzerať takto: Môžete tiež použiť atribúty štýlu - tieto možnosti sú ekvivalentné. Ak by bol v ňom zadaný atribút style a hodnota nulového orámovania, vyzeral by ten istý kód takto: Pri použití atribútu style môže byť nulová hodnota (0px) nahradená textom „none“(bez úvodzoviek).
Krok 2
Ak chcete zabrániť zobrazeniu rámca pre absolútne všetky obrázky s odkazmi umiestnenými na stránke, je jednoduchšie to urobiť na jednom mieste v kóde HTML. Za týmto účelom by mal byť v hlavičkovej časti dokumentu (medzi značkami a) umiestnený popis štýlov stránok s pravidlom spoločným pre všetky odkazy. Toto pravidlo môžete napísať takto: a img {border: none;} Malo by byť umiestnené vo vnútri značky, ktorá informuje prehliadač, že v CSS je popis štýlov:
obrázok {border: none;}
Krok 3
Ak na stránke používate skripty JavaScript, ktoré po kliknutí na textový odkaz bez prepnutia na inú stránku vykonávajú akékoľvek akcie, po kliknutí v niektorých prehliadačoch a okolo textového odkazu zostane podobný bodkovaný rámec. Ak chcete zabrániť tejto neoprávnenej zmene vášho vzoru, pridajte príslušné pravidlo pre textové odkazy do bloku popisu štýlu CSS:
a {outline: none;}
