Olikfärgade länkar, hur?

HTML & CSS

14 svar · 234 visningar · startad av CyberPet

Medlem sedan dec. 19996 588 inlägg
Trådstart#1

Jag har ett lite problem som ni kanske kan hjälpa mig med.

Jag har en förstasida som ska ha några rubriker som ska vara länkade (ingen text-dekoration) med olika färger. Typ:

Rubrikdel 1 (röd färg)
&
Rubrikdel 2 (blå färg)
&
Rubrikdel 3 (grön färg)

Varje rubrik ska gå att klicka för att komma in i sajten.

Jag förstår att man måste använda CSS för detta, men jag kan inte så mycket om detta så jag tänkte jag skulle fråga hur man gör för att ange olika länkfärger i ett och samma dokument. Detta är den enda sidan dessutom som har detta så det kan ske lokalt inför själva länkarna... eller hur det nu går till.

Medlem sedan feb. 2001107 inlägg
#2

Prova:

<a href="#" style="color: red">R1</a>
Medlem sedan dec. 19996 588 inlägg
#3

Bra idé! :)

Provade att leka lite med classer och det funkade ju finfint det med.... jag behöver nog en bra länk till en sajt där man lär sig css... typ "CSS for Dummies" eller nåt sånt. Förslag? :)

Medlem sedan juli 2000415 inlägg
#4

Prova den här länken och se om
du hittar något nyttigt.
http://www.idg.se/webstudio/css/

/Pele

Medlem sedan maj 200010 687 inlägg
#5

Det är ju alltid bra att ha alternativ, så jag skriver med http://www.jojoxx.net/css/ ! :)

Medlem sedan jan. 200189 inlägg
#6

Jag använder mig av båda tidigare förslag - men även denna vilken är bäst enligt mig http://hotwired.lycos.com/webmonkey/98/15/index0a.html

Medlem sedan feb. 20002 218 inlägg
#7

Plita ner följande i en css-fil och länka den i head-tagen:

.rubrikdel1 { color: #rödfärgkod; text-decoration: none }
.rubrikdel2 { color: #blåfärgkod; text-decoration: none  }
.rubrikdel3 { color: #grönfärgkod; text-decoration: none  }

i html-dokumentet:

<a href="#" class="rubrikdel1">Rubrikdel1</a>

<a href="#" class="rubrikdel2">Rubrikdel2</a>

<a href="#" class="rubrikdel2">Rubrikdel2</a>

Rekommenderar webStudios guide varmt! där lärde jag mig allt grundläggande.

Medlem sedan maj 200010 687 inlägg
#8

Jepp, klasser är väldigt bra. Då ligger allt uppe i stilmallen och man behöver bara göra ändringarna där. Har också bättre översikt. :)

Medlem sedan dec. 19996 588 inlägg
#9

Tack alla! :)

Freestyler, gjorde precis så... tog ett tag innan jag fattade att det inte var så himla svårt... det var ju bara att ange "class" i nästan vilken kod som helst istället för att strula med speciella koder för varje tag. sparar ju tid, plus det ökar variationen. :)

Medlem sedan maj 20001 953 inlägg
#10

Varför bela med Css?
Fungerar det inte bara med att lägga en <font> innanför <A>?

Typ detta:

<A HREF="#"><FONT COLOR="#FF0000">Rubrikdel1</FONT></A>
Medlem sedan maj 200010 687 inlägg
#11

Jo, så kan man också skriva. Men det är ju inte alls lika smidigt.

Men vill man absolut att det ska funka i T.ex. Netscape 3 så ska man skriva som du skrev Chavez. :)

Medlem sedan dec. 19996 588 inlägg
#12

Chavez, nä det funkar inte med att ändra font-color sådär (har provat), det blir länkfärgat i alla fall. Då funkar det bättre med CSS då jag kan ha olika färger på alla länkar (inte för att det händer ofta). :)

Medlem sedan maj 20001 953 inlägg
#13

Är du alldeles jättesäker på att det inte fungerar Petra?
Observera att <FONT> ligger inom <A>.

Medlem sedan dec. 19996 588 inlägg
#14

Japp, funkar inte... i alla fall inte på Mac och NS + IE.

Medlem sedan maj 20001 953 inlägg
#15

Hepp .. det är väl Maccen som kronglar då :)

272 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
133 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)