webForumDet fria alternativet

Olikfärgade länkar, hur?

HTML & CSS

14 svar · 227 visningar · startad av CyberPet

Medlem sedan dec. 19996 588 inlägg
Frågan#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.

------------------
/Petra
If you see someone without a smile, give them yours.

Medlem sedan feb. 2001107 inlägg
#2

Prova:

<a href="#" style="color: red">R1</a>

------------------
Reza K

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? :)

------------------
/Petra
If you see someone without a smile, give them yours.

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/ ! :)

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

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.

------------------
per@mediatropix.com

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. :)

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

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. :)

------------------
/Petra
If you see someone without a smile, give them yours.

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>

------------------
<A HREF="mailto:chavez@post.netlink.se">Mvh Chavez
</A> UIN: 73975020

[Redigerat av Chavez den 16 mar 2001]

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. :)

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

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). :)

------------------
/Petra
If you see someone without a smile, give them yours.

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>.

------------------
<A HREF="mailto:chavez@post.netlink.se">Mvh Chavez
</A> UIN: 73975020

Medlem sedan dec. 19996 588 inlägg
#14

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

------------------
/Petra
If you see someone without a smile, give them yours.

Medlem sedan maj 20001 953 inlägg
#15

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

------------------
<A HREF="mailto:chavez@post.netlink.se">Mvh Chavez
</A> UIN: 73975020

268 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
132 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)