Stylesheet / classes ?????????

Du skal oprette en fil med efternavn .css eksempel med en fil som hedder style.css

I din css fil skal der kun være de classes som du definerer, dvs. ikke noget html eller lign.

der kunne f.eks stå:

.link{color:white; font-size: 9 pt; text-decoration:none;}
.link:Hover{text-decoration:underline}

Dette vil lave en simpel hover effekt.

dette skal ligge i din header:

<LINK REL=STYLESHEET HREF=\"style.css\">

Så vil alle de link som du giver class=\"link\" have en hover effekt.

f.eks: <a href=\"www.domain.dk\" class=\"link\">link</a>

Du kan også i din CSS fil give en bestem tag en formatering. hvis du nu vil have alle din link på siden til at have den ovennævnte hover effekt kan du i din css fil skrive:

A{color:white; font-size: 9 pt; text-decoration:none;}
A:Hover{text-decoration:underline}

Så behøver du ikke lave en CLASS i dit link tag, for at bruge hover.

Håber det giver lidt mening :)

HAr du en kopi af en CSS fil som jeg må se, da jeg er helt blank.

Lidt mere uddybdende hvordan det bruges !

min CSS-fil:

BODY    {

            font-size: 9pt;
            color: white;
            background-color: black;
            font-family: verdana;
}

A{            color: white;}
           
HR {
            color:black;}

.white{
           
            color:white;
            font-size: 9 pt;
            text-decoration:none;}
           
.white:Hover{Color: navajowhite}


           
.TD{        background-color:white;
            font-size: 9pt;
            color: black;
            font-family: verdana;}
           
.TD2{        background-color: #3A6EA5;
            font-size: 9pt;
            color: white;
            font-family: verdana;}
           
.bluelink{    color:blue;
            font-face:verdana;
            text-decoration:none}
           
.bluelink:hover{
            text-decoration:underline;
            font-face: verdana;}
           
.input{        border-bottom : solid 1px;
            border-left : solid 1px;
            border-right : solid 1px;
            border-top : solid 1px;
            color: black;
            font-family: verdana;
            font-size: 8 pt;
            font-weight: none;
            background-color: white;}
           
.hiddeninput{
            border-bottom : solid 0px;
            border-left : solid 0px;
            border-right : solid 0px;
            border-top : solid 0px;
            font-color:black;
            color: black;
            font-family: verdana;
            font-size: 8 pt;
            font-weight: none;
            background-color: white;}

.button {
           
            font-family: verdana;
            border-bottom : solid 1px;
            border-left : solid 1px;
            border-right : solid 1px;
            border-top : solid 1px;
            color : black;
            cursor : hand;
            background-color: white;
            font-size: 8pt;
            text-align: center;
            font-weight: bold;}
       
.menuh    {
        BORDER-COLOR : #6633cc ;
        cursor : hand ;
        color:black;
        Border-Left : #6633cc ;
        Border-Top : #6633cc ;
        Padding-Left : 0px ;
        Padding-Top : 0px ;
        font-size: 9pt;
        Background-Color : #3399cc ;}
       
.menu    {
        Background-Color : #3A6EA5 ;}
       
.home    {
        cursor : hand ;    }

.menulinks{
text-decoration:none;}

http://www.westciv.com/style_master/house/index_dynamic.html

Udemærket side at lære lidt mere

http://www.rshweb.com/support/resource/style.html

http://builder.cnet.com/Authoring/CSS/ss01.html

Der er masser af sider om emnet...

Søg eventuelt på altavista efter Style sheets

EN sidste ting hvordan kalder jeg .menuh ??

class=\"menuh\" den hører til en TD tag eller Tabel

På www.vlamik.f2s.com er der en artikel...

På denne side er der en reference:
http://www.zvon.org/xxl/css1Reference/Output/index.html

På denne side kan du downloade Stone\'s WebWriter, som har indbygget CSS editor...

I store træk:

<style type=\"text/css\">
{ bacground:#FFFFFF; font-family:Arial; osv... }
.main { bacground:#FFFFFF; font-family:Arial; osv... }
</style>

Du kan også linke til et stylesheet:

<LINK REL=STYLESHEET HREF=\"stylesheet.css\">

Du har mulighed for at ændre en masse: cursor, farver, hover...