Jag får ganska så många frågor om hur man tar bort själva understrykningen på länkar i sin blogg, och jag har skrivit ett inlägg om det, men har insett att det är lite bökigt att hitta, så jag skriver ett kort inlägg här istället.

Det finns ju lite olika länkar på bloggen… de som du själv lägger in i när du skriver ett inlägg…

353660-24

….och de som redan finns på din blogg, t.ex kommentarer, permalink osv…

353660-25

…och sen de länkar som finns i menyn (till höger på min sida)…

353660-26

Man ändrar dessa på olika ställen, men jag skall förklara.

Först så skall vi ha en liten lektion i vad som är vad i koden.

a:link { text-decoration: none; color: #CC3333} (Koden för en vanlig länk)
a:visited { text-decoration: none; color: #CC3333} (Koden för hur länken ska se ut till en sida du har besökt)
a:hover { text-decoration: underline; color: #000000}
(Koden för hur länken ska se ut när du håller muspekaren över den)

text-decoration (Här kan du bestämma om du vill att länken ska vara understruken, i så fall ska du skriver du text-decoration: underline; vill du inte ha någon understrykning skriver du text-decoration: none;

Så, om du vill ta bort understrykningen i din blogg, så ska du kika efter de ställen i koden som det står text-decoration: underline;

OM det INTE finns någon kod som det står text-decoration på, då måste du lägga till det för att få bort understrykningen.
Lägg till text-decoration: none; i så fall.

Jag hoppas att detta förenklar lite för er…

Om Lari

Lari Salminen har skrivit 877 inlägg.

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.