Korrekt CSS

td.verticaldots
{ 
background-image: url("dots-vertical.gif"); 
} 

td.horizontaldots
{ 
background-image: url("dots-horizontal.gif"); 
}

Hur skapar jag en korrekt CSS-fil med innehållet ovan?
Ska jag ha någon "DTD-deklarering" (eller vad det heter?)?

:)

Till att börja med kanske inte båda klasserna ska heta samma sak? :p Annars kan jag inte se något som är fel, iofs är jag inget proffs i CSS, men men...

/red Vänsterklammern ({) kanske ska vara bredvid klassnamnet istället för under? Har du kört det genom en validering eller något?

Hehe, liten miss där, men fortfarande, hur ska ett korrekt CSS-dok se ut?

:)

td.verticaldots { 
background-image: url("dots-vertical.gif"); 
} 

td.horizontaldots { 
background-image: url("dots-horizontal.gif"); 
}

Får du något fel av valideraren med det där eller?
Filen behöver inte innehålla något annat än CSS-koden om jag inte misstar mig?

Detta är resultatet.

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.

Warnings
Valid CSS informations
td.verticaldots {
background-image : url("dots-vertical.gif"); 
} 
td.horizontaldots {
background-image : url("dots-horizontal.gif"); 
}

Jag vet inte om jag ska tolka det som att allt stod rätt till eller ej.

:)

Ta bort "-tecknen, dvs
url(dots-vertical.gif) istf url("dots-vertical.gif")

Tack...
Ett annat problem; höjden vägrar ställa in sig:

td.menyn
{
background-color:  #F2F2F2;
height: 10 px;
}

:)

trexter skrev:

Tack...
Ett annat problem; höjden vägrar ställa in sig:

td.menyn
{
background-color:  #F2F2F2;
height: 10 px;
}

td.menyn {
background-color: #F2F2F2;
height: 10px;
}

Tackar.

:)