Vill enbart att a:link och a:hover skall vara aktiva i mitt stylesheet

lillebror skrev:

Hej! Har en liten fråga angående länkar i CSS. Hur gör jag för att enbart a:link och a:hover ska vara aktiva i mitt stylesheet? Som jag har det nu visas ju en länk med en annan färg när man har besökt den. Så vill jag inte ha det utan en länk skall enbart skifta mellan grundfärgen (a:link) och a:hover. Några förslag hur man löser detta? :)

Vet inte om det är jag som är helt förvirrad här, men räcker det inte med att ta bort a:active och a:visited då!? :q

Ange SAMMA färg i link och visited! Och kanske samma som hover i active?

Nåt sånt här:

a:link
{
font-family: verdana, helvetica, impact, sans-serif;
color: #0A364B;
background-color: transparent;
text-decoration: underline;
}

a:visited
{
font-family: verdana, helvetica, impact, sans-serif;
color: #0A364B;
background-color: transparent;
text-decoration: underline;
}

a:hover
{
font-family: verdana, helvetica, impact, sans-serif;
color: #F5A027;
background-color: transparent;
text-decoration: underline;
}

a:active
{
font-family: verdana, helvetica, impact, sans-serif;
color: #F5A027;
background-color: transparent;
text-decoration: underline;
}

För att göra det lite kortare...

a {
 font-family: verdana, helvetica, impact, sans-serif;
 color: #0A364B;
 background: transparent;
 text-decoration: underline;
}
a:hover { color: #F5A027; background: transparent; }

Det är klart ! :)

Men att dra ihop koden kan ju bli lite snurrigt innan man fattat principen...

Zcorpans kod är förstås det optimala! I vanlig ordning... ;)

Det fungerar strålande! :) Många tack!

En liten fråga angående understrykningen på länkar. Ska man ha den kvar för att det skall vara tydligt att det är en länk eller är det efter tyck o smak? Jag tycker man ser så många varianter som det finns designlösningar på det.

Det är vanligt att man stryker under länkar och det har blivit en de facto standard att de flesta användare förstår direkt att text som är understruken är en länk. (Därför bör man aldrig stryka under text om det inte är en länk...)

Det är dock inget måste att stryka under länkar... Om man får till det så att det syns ändå att det är en länk så går det bra. :)

Se även Jakob Nielsens Guidelines for Visualizing Links

Jag brukar också ge länkar lite padding så det är lättare att klicka på dem. ;)

a { padding:.1em 0; }

Det finns väl många meningar om det här - vissa förespråkar att inte ändra färgerna alls så att användaren själv kan ställa in hur de ska se ut. Men...

Jag tycker att man ska behålla understrykningen - eftersom det precis som du säger - blir tydligare.

Men om man tar bort den för att det ska se snyggare ut ska man i alla fall göra det MYCKET tydligt vad som är en länk på ngt annat sätt. Färg t.ex..

Behåll ALLTID understrykningen på "hover" i vilket fall som helst. Annars kan det bli förvirrande.

Det är också viktigt att vara konsekvent genom hela webplatsen. Länkar som skrivs in i brödtext ska se ut på samma sätt.

Har man en meny kanske man kan stajla den lite annorlunda. Till och med jag fattar att det rör sig om länkar utan att hovringen är understruken. Men det är bra om utseendet förändras på nåt sätt när man "hovrar" i en meny.

"Hover" är nyckeln för mig när jag surfar. För jag pekaren över en länk ska den förändras. Annars klykar jag inte att det är en länk. Och jag tror i min enfald att jag inte är mer korkad än andra... :r

Tja, det är alltså bara vad jag tycker! Håll till godo! :)