webForumDet fria alternativet
Logga in / Bli medlem

Css-hjälp tack!

HTML & CSS

13 svar · 446 visningar · startad av Anton_L

Medlem sedan mars 200584 inlägg
Trådstart#1

Hej!

Jag har en websida, men en stilmall enligt följande:

A:LINK {
	color: #000000;
	text-decoration : none;
	font : verdana;
}
A:VISITED {
	color: #000000;
	text-decoration : none;
	font : verdana;
}
A:ACTIVE {
	color: #000000;
	text-decoration : none;
	font : verdana;
}
A:HOVER {
	color: #000000;
    text-decoration: underline;
	font : verdana;
}

, så alla länkar blir svarta hela tiden. Nu är det så att jag har några länkar som jag vill ska vara vita istället, genom på nått vis använda en annan stilmall. vad ska jag göra?!?! <class: stlimall2.css> !??!

Medlem sedan juli 20033 147 inlägg
#2
A.stilmall2:LINK {
	color: #FFFFFF;
	text-decoration : none;
	font : verdana;
}
A.stilmall2:VISITED {
	color: #FFFFFF;
	text-decoration : none;
	font : verdana;
}
A.stilmall2:ACTIVE {
	color: #FFFFFF;
	text-decoration : none;
	font : verdana;
}
A.stilmall2:HOVER {
	color: #FFFFFF;
	text-decoration: underline;
	font : verdana;
}
<a href="index.html" class="stilmall2">Index.html</a>

:)

/r Eftersom du har samma egenskaper på länkarna räcker det iofs med att du skriver

a.stilmall2 {
	color: #FFFFFF;
	text-decoration: underline;
	font : verdana;
}
Medlem sedan mars 200584 inlägg
#3

men var ska

a.stilmall2 {
color: #FFFFFF;
text-decoration: underline;
font : verdana;
}

skrivas!?!? i head taggen eller i eget dokument!??!

Medlem sedan juni 2004533 inlägg
#4

Lägg det i css-filen.

a {
	color: #000;
	text-decoration : none;
	font : Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: underline;
}
a.kaffesump {
	color: #fff;
}

<a href="sida.html" class="kaffesump">En vit länk.</a>

Medlem sedan mars 200584 inlägg
#5

Tack för hjälpen, snabb och bra support ;)

Medlem sedan jan. 20051 130 inlägg
#6

Följdfråga, hur blir det om man använder sig av id istället för class då?

Medlem sedan maj 2005353 inlägg
#7

learn skrev:

Följdfråga, hur blir det om man använder sig av id istället för class då?

Samma sak, men du kan bara nämna varje id en gång per dokument.

Använder du både id och class på samma element räknas både reglerna som du angivit för class men även de för id. Har du angivit samma attribut men med olika värden i class och id, räknas det i id. Exempel:

.a{
 font-color: white;
}

#b{
 font-color: black;
}

<p class="a" id="b">Hej</p>

.. ger en svart text.

Medlem sedan jan. 20051 130 inlägg
#8

jojo, men jag tänkte mer på ifall jag har en generell färg på länkar och vill ha en speciell färg på just en typ av länk. Precis som Anton_L, fast med id istället för class.
Detta funkar ju inte:

a.IDnamn:link { ... }
Medlem sedan jan. 20051 130 inlägg
#9

Aja...

men borde inte detta fungera:

<style type="text/css">
a.meny{
text-decoration: none; color: #FFFFFF; font-weight:bold
}
a.meny:hover{
text-decoration: underline;
}
</style>

<p><a href="#" class="meny" id="IDnamn">Startsidan</a></p>

det gör det inte för mig...

Medlem sedan jan. 20051 130 inlägg
#10

My fault! Koden ovan fungerar, men om jag istället sätter class="meny" på <p>:et så fungerar det inte (inte heller på <div>:en). Lite jobbigt att behöva sätta klass separat på alla länkar som skall vara vita... Måste finnas ngt enklare..?

Medlem sedan maj 2005353 inlägg
#11

Om du har alla länkar i samma div räcker detta:

div#meny a{
text-decoration: none;
color: #FFFFFF;
font-weight:bold
}

div#meny a:hover{
text-decoration: underline;
}
Medlem sedan jan. 20051 130 inlägg
#12

tack det fungerar, men jag förstår inte...

En snabb fråga, kan man linka fler stylesheets på samma sida?

Medlem sedan maj 2005353 inlägg
#13

Vad förstår du inte? Du kan ha flera stylesheets.

Medlem sedan dec. 20042 245 inlägg
#14

"div#meny a" matchar alla <a> som befinner sig inom en <div> med ett ID av värde "meny". Tex i följande exempel matchar båda länkarna:

<div id="meny">
 <a href="#">foo</a>
 <span><a href="#">bar</a></span>
</div>
263 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)