webForumDet fria alternativet

CSS-länkar

8 svar · 166 visningar · startad av attila

attilaMedlem sedan sep. 2000127 inlägg
#1

Hur får man olika delar av en sida att använda sig av olika CSS-formateringar av länkar?

------------------
/Attila

neox83Medlem sedan okt. 2000149 inlägg
#2

Hejsan
Du kan lägga denna kod mellan headtaggarna.
<style>
.minlink {color:red; font-weight:bold;}
</style>

Sedan i länken lägger du till denna kod som ger dig denna css-style på den.
<a class=minlink href="www.arla.se">

Du kan ju också variera hur länken ska se ut.
/Neox83

------------------
/Neox83

attilaMedlem sedan sep. 2000127 inlägg
#3

Hmm, ok. Men om jag vill ha:
<style type="text/css">
<!--
a:visited { color: #000000; text-decoration: none}
a:active { color: #000000; text-decoration: none}
a:link { color: #000000; text-decoration: none}
a:hover { color: #000000; text-decoration: underline}
-->
</style>

och på vissa länkar:
<style type="text/css">
<!--
a:visited { color: #000000; text-decoration: none}
a:active { color: #000000; text-decoration: none}
a:link { color: #000000; text-decoration: none}
a:hover { color: #000000; text-decoration: underline}
-->
</style>

Hur löser jag det? Säg att den första kallas .vanlig, och den senare .svart. Jag har testat med ditt svar som guide, men lyckades inte.

Tacksam för svar.

------------------
/Attila

cascaMedlem sedan feb. 20005 891 inlägg
#4

Tror inte det går, eftersom stylesheetsen skriver lixom till body så att alla länkar får samma "inställningar".

------------------
"Moral är bara en fråga för människor som inte redan befinner sig i helvetet" - Wally

MattiMedlem sedan dec. 19996 592 inlägg
#5

Om du skulle tittat lite bland de föregående trådarna skulle du hittat svaret.

typ;
A { color: #0000FF }
A.flum { color: #ainaziz; }

Sen <a href="flumpower.html" class="flum">.

------------------
matti.intelligens.nu

attilaMedlem sedan sep. 2000127 inlägg
#6

Ah, fan. Jag fattar faktiskt inte hur jag ska göra. Läs igenom exemplet jag skrev tidigare i denna tråden. Verkligen tacksam för hjälp"

------------------
/Attila

attilaMedlem sedan sep. 2000127 inlägg
#7

Vore jätteglad om någon kunde visa hur jag ska göra. Letade upp exemplet som finns i en gamma tråd, men det hjälpte mig inte.

------------------
/Attila

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#8

Ett exempel:

<style type="text/css">
<!--
a:visited {color: #0000FF; text-decoration: none}
a:active {color: #0000FF; text-decoration: none}
a:link {color: #0000FF; text-decoration: none}
a:hover {color: #0000FF; text-decoration: underline}
a.svart:visited {color: #000000; text-decoration: none}
a.svart:active {color: #000000; text-decoration: none}
a.svart:link {color: #000000; text-decoration: none}
a.svart:hover {color: #000000; text-decoration: underline}
-->
</style>

<a href="sida1.html">Länk 1</a>
<a href="sida2.html" class="svart">Länk 2</a>

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

attilaMedlem sedan sep. 2000127 inlägg
#9

AH! Nu förstår jag hur det fungerar =0)

Tusen tack Erik, och alla andra som ställer upp när man har frågor. Det här forumet är guld värt.

------------------
/Attila

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