Ukloni vezu podcrtajte ili izradite crtkane točkaste ili dvostruke podcrtane veze
Prema zadanim postavkama web pregledava određene CSS stilove koji se primjenjuju na određene HTML elemente. Ako ne prebrišete ove zadane postavke pomoću vlastitih stilskih stranica web-lokacije, primijenit će se zadane postavke. Za hiperveze, zadani stil prikaza je da će svaki povezani tekst biti plavi i podcrtani. Preglednik to čini tako da posjetitelji web mjesta mogu lako vidjeti tekst koji je povezan. Mnogi web dizajneri ne brinu o ovim zadanim stilovima, pogotovo onim podcrtava. Srećom, CSS olakšava izmjenu izgleda tih podcrtava ili ih potpuno uklanja.
Uklanjanje podcrtane linije na tekstualnim vezama
Podcrtani tekst može biti veći izazov za čitanje tog nenatcrtog teksta. Osim toga, mnogi dizajneri jednostavno ne brinu za izgled podcrtanih tekstualnih veza. U tim će slučajevima vjerojatno htjeti ukloniti sve te podcrtava.
Da biste uklonili podcrte iz tekstualnih veza, upotrebljavat ćete tekst uređenja CSS-a. Evo CSS-a koji biste napisali da to učinite:
{text-decoration: none; }
S tom retkom CSS-a uklonit ćete podcrtanu oznaku iz svih tekstualnih veza. Iako je to vrlo općeniti stil (koristi element za odabir elemenata), još uvijek ima više specifičnosti nego što standardni stilovi preglednika rade. Budući da ti zadani stilovi stvaraju poticaj za početak, to je ono što trebate prebrisati.
Oprez na uklanjanju podcrtava
Vizualno, uklanjanje podcrtava može biti upravo ono što želite postići, ali biste trebali biti oprezni kada to učinite kao dobro. Bilo da vam se sviđa izgled podcrtanih veza ili ne, ne možete tvrditi da je očigledno o tome koji je tekst povezan i koji nije. Ako uklonite podvlačnost ili promijenite tu zadanu plavu boju veze, trebali biste ih zamijeniti stilovima koji i dalje dopuštaju povezani tekst da se ističe. To će učiniti više intuitivno iskustvo za posjetitelje vaše web-lokacije.
Nemojte podcrtavati ne-veze
Još jedna oprez na linkovima i podcrtava, ne naglašavajte tekst koji nije veza kao način naglašavanja. Ljudi su očekivali da je podcrtani tekst veza, pa ako podcrtajte sadržaj da biste dodali naglasak (umjesto da ga podebljavate ili kurzivate), šaljete pogrešnu poruku i zbunit će korisnike web mjesta.
Promijenite podcrtanu točkice ili crtice
Ako želite zadržati tekstualnu vezu podcrtava, ali promijenite stil tog podcrtavanja od zadanog izgleda, što je "novac", to možete i učiniti. Umjesto te krute linije, možete upotrijebiti točke za isticanje vaših veza. Da biste to učinili, i dalje ćete ukloniti podcrtanu oznaku, ali zamijenit ćete ga entitetom stila obruba donje strane:
{text-decoration: none; granični dno: 1 piksela; }Budući da ste uklonili standardni podstavak, samo je točkasta oznaka koja se pojavljuje.
Istu stvar možete učiniti da biste dobili crtice. Jednostavno promijenite stil na rubu dna na crtu:
{text-decoration: none; granični dno: 1px crtkani; }Promijenite boju podcrtane
Drugi način privlačenja pozornosti na vaše veze je promjena boje podcrta. Samo pazite da se boja uklapa u vašu shemu boja .
{text-decoration: none; granični dno: 1px kruto crveno; }Dvostruki podstavci
Izigrati za upotrebu dvostrukih podcrtava je da morate mijenjati širinu granice. Ako stvorite široku širinu od 1 px, završit ćete dvostruki podstavak koji izgleda kao jedan podcrtaj.
{text-decoration: none; granični dno: 3px dvostruko; }Također možete upotrijebiti postojeći podcrtaj za dvostruko podcrtavanje s drugim značajkama, kao što je jedna od crta koja se isprepliću:
a {border-bottom: 1px dvostruko; }Ne zaboravite države veze
Možete dodati stil donje granice na svoje veze u različitim državama kao što su: lebdjeti,: aktivno ili: posjetili. To može stvoriti lijepo "rollover" stil iskustvo za posjetitelje kada koristite taj "lebdenje" pseudo klase. Da biste napravili drugi točkasti podcrtavati se pojavljuju se kada pređete preko veze:
{text-decoration: none; } a: zadržite se {border-bottom: 1px isprekidano; }Izvorni članak Jennifer Krynin. Uredio je Jeremy Girard