Så får du dina länkar att synas

Det finns flera sätt att göra länkar synliga bland textstycken. Här under visar jag några av dem.

This is a link right here but you couldn't see it right? Perhaps we should make them appear with dots beneath them like this or in another color. The yellow shade is a bit too pale, you can hardly see it can you? Or should all links be in bold, inverted or perhaps underlined? Which is your favorite link design?

CSS for the links above

<style type="text/css">
a.noStyle, a.noStyle:link, a.noStyle:active, a.noStyle:visited { color: #000; text-decoration:none; }
a.noStyle:hover { }

a.dotted, a.dotted:link, a.dotted:active, a.dotted:visited { color: #000; text-decoration:none; border-bottom:1px dotted #333; }
a.dotted:hover { border-bottom:1px solid #000; }

a.invert, a.invert:link, a.invert:active, a.invert:visited { color: #fff;background-color: #000; text-decoration:none; border-bottom:1px dotted #333; }
a.invert:hover { border-bottom:1px solid #000; }

a.yellow, a.yellow:link, a.yellow:active, a.yellow:visited { color: #E2D459; text-decoration:none; }
a.yellow:hover { text-decoration:underline;}

a.underlined,a.underlined:link,a.underlined:
active,a.underlined:visited{text-decoration:underline;}
a.underlined:hover { text-decoration:underline;}</style>

CSS, HTML

Comments

Peter Wrote:

27:e Oktober 2006

Detta måste ju ändå vara det mest meningslösa inlägget någonsin.

Jesper Wrote:

27:e Oktober 2006

Jo du har rätt. Som mycket annat på min hemsida är det rätt onödigt för de flesta. Jag postar mycket som bara jag eller några få har nytta av. Detta inlägget var mest tänkt för att visa för en av mina medarbetare vilka alternativ på att få länkarna att synas. Men vem vet kanske någon annan kan se någon nytta och kopiera stilmallarna till sina egna projekt.