Källkoden för /anders.enges/css/css6.asp

---

<!--#include file="../inc/navstuff.asp" -->
Oftats brukar man börja med att fixa till länkarna<p>
<div class=code>
<STYLE TYPE="text/css"><br>
<!--<br>
    a { text-decoration: none; }<br>
    a:link { color:#0000FF; }<br>
    a:visited { color:#0000FF; }<br>
    a:active { color: #000066; }<br>
    a:hover { color:#FF0000; background-color:#FFF8DC; text-decoration: underline;}<br>
// --><br>
</STYLE>
</div>
<p>
Man kan även se till att BODY fixas till samt se till at man har några färdigt definierade inställningar
<div class=code>
BODY<br>
{<br>
    BACKGROUND-COLOR: #ffffcc;<br>
    COLOR: black;<br>
    FONT-FAMILY: Verdana, Arial;<br>
    FONT-SIZE: 10pt<br>
}<br>
#extra<br>
{<br>
    BACKGROUND-COLOR: #ffffff;<br>
    COLOR: black;<br>
    FONT-FAMILY: Verdana, Arial;<br>
    FONT-SIZE: 10pt<br>
}<br>
#extra A:active<br>
{<br>
    COLOR: red;<br>
    FONT-FAMILY: Verdana, Arial;<br>
    FONT-SIZE: 10pt;<br>
    FONT-STYLE: italic;<br>
    FONT-WEIGHT: bolder;<br>
    TEXT-DECORATION: underline<br>
}<br>
</div>
<STYLE TYPE="text/css">
<!--
#extra
{
     BACKGROUND-COLOR: #ffffff;
     COLOR: black;
     FONT-FAMILY: Verdana, Arial;
     FONT-SIZE: 10pt
}
#extra A:active
{
     COLOR: red;
     FONT-FAMILY: Verdana, Arial;
     FONT-SIZE: 10pt;
     FONT-STYLE: italic;
     FONT-WEIGHT: bolder;
     TEXT-DECORATION: underline
}
// -->
</STYLE>
<p>
<div class=code>
<a href="http://www.somewhere.com">En normal länk</a>
</div>
<p>
ger
<p>
<div class=res>
<a href="javascript:alert('Sluta kittlas!')">En normal länk</a>
</div>
<p>
<div class=code>
<a href="http://www.somewhere.com" id="extra">En extra länk</a>
</div>
<p>
ger
<p>
<div class=res>
<a href="javascript:alert('Tassarna bort!')" id="extra">En extra länk</a>
</div>
<p> Detta kan vara användbart om du t.ex har en bakgrundsbild som är mörk vid
   vänstra kanten men ljus för resten av sidan. Om du har EN färg för länkar kanske
   den inte fungerar så bra för bägge bakgrunderna.
<p>
Man använder ofta SPAN och DIV med antingen STYLE eller ID eller CLASS
<p> (Skall hitta på mera när jag orkar)
<p><!--#include file="../inc/footer.asp" -->