Hjälp med länk styling - css

6 svar · 514 visningar · startad av Lindström 28 maj 2007

LindströmMedlem sedan jan. 2003821 inlägg

Frågan28 maj 2007 22:15#1

Då mina kunskaper inom css inte är dom bästa, så skulle jag behöva ha lite distanns från någon som vet vad han eller hon pratar om.

Saken är den att jag är ute efter en "om styling" av den vanliga blåa (a - se bild ) ( eller vad man nu har valt för färg på den ) länk till att få den till att bli "dottrad" ( b - se bild ) eller hur jag ska säga. *"dottrad" förresten gratis Jörgen... :OO

På ren svenska så är jag ute efter att få länkarna att få en "prickig" understyckning istället för den vanliga understyckningen.*fick jag till det här nu tro ? :l

Hoppas att det är någon som förstår något av min inte allt för begripliga beskrivning.

EDIT:
Jo, jag skulle kanske säga att länkfärgen ska vara "svart" och att själva "dottarna" hela tiden ska synas där det är en länk. Som på bilden.

Så det är inget måste att det lär vara någon form av "hover" på länkarna. Utan jag är ute rätt och slätt efter en fast "styling" med css där länkarna är "dottad" rätt och slätt.

tantenMedlem sedan nov. 20051 596 inlägg

29 maj 2007 04:17#2

a:link{
	border-bottom-style: dotted;
	border-bottom-color: #000;

Danne VMedlem sedan aug. 20068 090 inlägg

29 maj 2007 04:38#3

tanten skrev:

a:link{
	border-bottom-style: dotted;
	border-bottom-color: #000;

Lägg till:

text-decoration:none;

också, annars blir det både prickar och linjer, och kanske ge en bredd på prickarna:

border-bottom:1px dotted #000;

så att dom inte blir för feta.

annaicaMedlem sedan maj 200753 inlägg

29 maj 2007 09:46#4

och för att texten skall bli svart får du lägga till

color: #000;

annars blir texten blå.

silfverMedlem sedan apr. 200312 679 inlägg

29 maj 2007 09:49#5

a:link {text-decoration: none; border-bottom: 1px dotted #000; color: #000;}
a:hover {border-bottom: 1px solid #000;} //kanske?

LindströmMedlem sedan jan. 2003821 inlägg

29 maj 2007 10:50#6

Många bud.
Men tack så jätte mycket. Ska checka det hela när jag kommer hem.
Åter, tack och bock. :)

Danne VMedlem sedan aug. 20068 090 inlägg

29 maj 2007 12:09#7

Hehe... om vi ska krångla till det ytterligare:

Vi har ju visat förslag på a:link (och a:hover). Det innebär att a:visited och a:active är oformaterade. Jag brukar ibland skita i a:visited och bara göra två stilar. Om du är lika lat som jag så skulle det i så fall bli:

a { color:#000; border-bottom:1px dotted #000; text-decoration:none;}
a:hover {color:#777; border-bottom:1px dotted #777; text-decoration:none}

Typ....