M M@rtin Medlem sedan dec. 1999 2 085 inlägg Frågan 23 nov. 2001 22:40 #1 Hur gör man om man vill få alla länkar som står under en speciell class att formateras på ett speciellt sätt?
Jag har försökt fixa det så här:
<html>
<head>
<style>
a:link { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; text-decoration: none; }
a:hover { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; text-decoration: underline; }
a:visited { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; text-decoration: underline; }
.normaltd { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
.red { font-family: verdana, helvetica, arial; font-size: 8pt; color: #C73200; font-weight: bold; }
.bluebigtd { font-family: verdana, helvetica, arial; font-size: 12pt; color: #FFFFFF; font-weight: bold; background-color: #3399FF; }
.bluesmalltd { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; font-weight: none; background-color: #3399FF; }
a.bluesmalltd:link { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; text-decoration: none; }
a.bluesmalltd:hover { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; text-decoration: none; }
a.bluesmalltd:visited { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; text-decoration: underline; }
</style>
</head>
<body>
<table>
<tr>
<td class="bluesmalltd">Lite text och <a href="lalala">en länk</a></td>
</tr>
</table>
</body>
</html>
Problemet är att länken formateras efter de grundläggande länkformateringarna och inte efter de jag gjort speciellt för klassen. :(
Har jag gjort något fel eller varför fungerar det inte?
------------------Peachy.nu \\
ni taLar Bra laTiN
J jorgen Medlem sedan feb. 2001 2 412 inlägg Hej, denna kan kanske hjälpa:http://cgi.webforum.nu/wf/Forum1/HTML/001107.html
mvh Jörgen :)
------------------
M M@rtin Medlem sedan dec. 1999 2 085 inlägg SÅ jag gjort ju?
------------------Peachy.nu \\
ni taLar Bra laTiN
J jorgen Medlem sedan feb. 2001 2 412 inlägg Ja, du måste classifiera varje länk, eller:
<div class="blue">
blå länk 1
blå länk 2
blå länk 3
</div>
<div class="red">
röd länk 1
röd länk 2
röd länk 3
</div>
mvh Jörgen :)
------------------
M M@rtin Medlem sedan dec. 1999 2 085 inlägg Okej, tack så mkt! :)
Tycker de borde fixa stöd för så som jag ville ha det i nästa CSS version ;)
------------------Peachy.nu \\
ni taLar Bra laTiN
spango Medlem sedan juni 2000 8 205 inlägg Det har de redanfixat, det är du som skrivit fel ;)
[b]/* Fel: */[/b]
a.bluesmalltd:link { ... } /* berör alla länkar som har class="bluesmalltd" */
a.bluesmalltd:hover { ... } /* berör alla länkar som har class="bluesmalltd" och som "hovras" över */
a.bluesmalltd:visited { ... } /* berör alla länkar som har class="bluesmalltd" och som man besökt */
[b]/* Rätt: */[/b]
.bluesmalltd a:link { ... } /* berör alla länkar som finns i ett element som har class="bluesmalltd" */
.bluesmalltd a:hover { ... } /* berör alla länkar som "hovras" över och som befinner sig i ett element som har class="bluesmalltd"*/
.bluesmalltd a:visited { ... } /* berör alla besökta länkar i ett element som har class="bluesmalltd" */
F.ö. måste jag bara få flika in att det är emot hela tanken med CSS att använda namn som beskriver hur en klass ser ut, snarare än hur den används.
------------------You can be a coward for a few minutes, or dead forever. /Rincewind
M M@rtin Medlem sedan dec. 1999 2 085 inlägg Aha! kanon! Tack för upplysningen :)
Hur borde namnen vara då?
------------------Peachy.nu \\
ni taLar Bra laTiN
Ey spango, fetbra ju! :)
------------------www.juhlin.nu /sk8files/ /mp2d/
