webForumDet fria alternativet

Hjälp med länk styling - css

6 svar · 514 visningar · startad av Lindström

LindströmMedlem sedan jan. 2003821 inlägg
#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.

links_css.jpg
tantenMedlem sedan nov. 20051 596 inlägg
#2
a:link{
	border-bottom-style: dotted;
	border-bottom-color: #000;
Danne VMedlem sedan aug. 20068 090 inlägg
#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
#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
#5
a:link {text-decoration: none; border-bottom: 1px dotted #000; color: #000;}
a:hover {border-bottom: 1px solid #000;} //kanske?

:p

LindströmMedlem sedan jan. 2003821 inlägg
#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
#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....

135 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)